@charset "utf-8";
.container,.wraper {
    width: 100%;
    top: 0;
    left: 0
}

a,a:active,a:visited,body,img {
    -webkit-touch-callout: none
}

.LN_w .container,.banner_sp,.circle_delete_btn,.i_AS_sp,.index_sp,.login-sp,.nav_con::before,.newGuild_sp,.pd_sp,.weui_select_arrow::before {
    background-repeat: no-repeat
}

.NG_cost_table th,em,i {
    font-style: normal
}

html {
    font-size: 20px;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility
}

body {
    font-family: Helvetica,"Microsoft YaHei","微软雅黑",sans-serif;
    font-size: .7rem
}

.AndroidFont {
    font-family: Verdana,"Microsoft YaHei","微软雅黑",sans-serif
}

.scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.AM_oprate_con,.Buy_nomoney,.Buy_operate,.I_choose_con,.I_kh_con,.I_theme_con,.ellipsis,.kh_logo,.nav-bar,.popup_wrap,body .Buy_query_item {
    overflow: hidden
}

a,body,button,div,em,footer,h1,h2,h3,header,hr,html,i,img,input,li,option,p,section,select,span,strong,textarea,ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    resize: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: 400;
    touch-action: manipulation
}

a,a:active,a:hover,a:link {
    text-decoration: none
}

img {
    border: none
}

dl,dt,li,ol,ul {
    list-style: none
}

button,input,option,select {
    outline: 0;
    border-radius: 0;
    border: none
}

select {
    background-color: #FFF
}

.wraper {
    min-width: 320px;
    max-width: 768px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    color: #333
}

.container {
    min-height: 100%;
    position: relative;
    background-color: #F6F5FA
}

a,a:active,a:visited {
    color: inherit
}

.mui_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mui_flex>.cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    display: block;
    position: relative
}

.circle_delete_btn {
    position: absolute;
    right: -.8rem;
    top: -.8rem;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(../img/close_icon_2.png);
    background-size: auto .6rem;
    background-position: center;
    border-radius: 50%;
    border: 1px solid #7f7f85;
    background-color: #FFF
}

.required_icon {
    position: relative
}

.required_icon::before {
    content: '*';
    color: red;
    position: absolute;
    left: .3rem;
    top: .2rem;
    z-index: 100
}

.ios7,.nav-bar {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1999;
    width: 100%
}

.kh_logo {
    height: 2.6rem;
    width: 100%;
    padding: .425rem 0 .425rem .75rem;
    background-color: #148cff
}

.kh_logo img {
    height: 100%;
    float: left
}

.kh_logo.marginBot {
    margin-bottom: 11px
}

.ios7 {
    top: 0;
    height: 20px
}

body.l_app .container {
    padding-top: 45px
}

.l_app.l_ios .container {
    padding-top: 65px
}

.l_app.l_ios .I_w .container {
    padding-top: 19px
}

.l_app .I_w .container {
    padding-top: 0
}

.l_app .nav-bar {
    display: block
}

.l_app.l_ios .PD_head,.l_app.l_ios .nav-bar {
    top: 19px
}

.nav-bar {
    display: none;
    top: 0;
    height: 45px;
    padding: 0 .75rem;
    background-color: #121b24;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 44px
}

.tips_flag,.wx_Arrow {
    display: inline-block
}

.back-arrow,.back-btn,.back_btn,.tips_flag,.turn_right {
    position: absolute
}

.back-btn {
    left: 16px;
    top: 0;
    height: 45px;
    width: 24px
}

.back-arrow {
    left: 0;
    top: 14px;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.back-arrow::after,.back-arrow::before {
    content: '';
    position: absolute;
    background-color: #157EEA
}

.back-arrow::before {
    left: 0;
    top: 0;
    width: 2px;
    height: 16px
}

.back-arrow::after {
    bottom: 0;
    left: 0;
    width: 16px;
    height: 2px
}

input::-webkit-input-placeholder {
    color: #888
}

.back_btn {
    background-position: -.6rem .15rem;
    padding-left: .9rem;
    left: .55rem
}

.next_step {
    margin: 1.5rem .75rem 0;
    height: 2.5rem;
    width: -webkit-calc(100% - 1.5rem);
    font-size: .9rem;
    text-align: center;
    color: #FFF;
    line-height: 2.5rem;
    background-color: #157eea;
    border-radius: 5px
}

.turn_right {
    width: 6px;
    height: 11px;
    right: .75rem;
    top: .73rem
}

.wx_Arrow {
    color: #888;
    height: 6px;
    width: 6px;
    border-width: 1px 1px 0 0;
    border-color: #C8C8CD;
    border-style: solid
}

.wx_Arrow.right {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wx_Arrow.left {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.wx_Arrow.down {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.tips_flag {
    color: #157eea;
    border: 1px solid #157eea;
    border-radius: 50%;
    height: 1.1rem;
    width: 1.1rem;
    line-height: 1.1rem;
    top: .5rem;
    right: .8rem
}

.BackIndex,.nav_con,.nav_con1 {
    line-height: 58px;
    border-radius: 50%;
    text-align: center
}

.ellipsis {
    word-wrap: normal;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.wraper .market_flag_cn {
    background-position: -4.3rem -.5rem;
    background-size: 13rem;
    width: 1.3rem;
    height: .85rem;
    margin-left: 4px;
    margin-top: -.1rem;
    display: inline-block;
    vertical-align: middle
}

.BackIndex {
    height: 44px;
    width: 44px;
    position: fixed;
    right: .75rem;
    bottom: 3rem;
    z-index: 1000;
    background-color: rgba(51,51,51,.8);
    box-shadow: 0 0 4px rgba(0,0,0,.6)
}

.BackIndex:after {
    content: '首页';
    font-size: 12px;
    color: #FFF;
    text-align: center
}

.BackIndex img {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    position: absolute;
    top: 5px;
    left: 14.5px
}

.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #66ceff;
    z-index: 2000;
    text-align: center
}

.loading.hide {
    display: none
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px
}

@-webkit-keyframes ball-spin-fade-loader {
    50% {
        opacity: .3;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-spin-fade-loader {
    50% {
        opacity: .3;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-spin-fade-loader {
    position: relative
}

.ball-spin-fade-loader>div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
    animation: ball-spin-fade-loader 1s 0s infinite linear
}

.ball-spin-fade-loader>div:nth-child(2) {
    top: 17.05px;
    left: 17.05px;
    -webkit-animation: ball-spin-fade-loader 1s .12s infinite linear;
    animation: ball-spin-fade-loader 1s .12s infinite linear
}

.ball-spin-fade-loader>div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s .24s infinite linear;
    animation: ball-spin-fade-loader 1s .24s infinite linear
}

.ball-spin-fade-loader>div:nth-child(4) {
    top: -17.05px;
    left: 17.05px;
    -webkit-animation: ball-spin-fade-loader 1s .36s infinite linear;
    animation: ball-spin-fade-loader 1s .36s infinite linear
}

.ball-spin-fade-loader>div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s .48s infinite linear;
    animation: ball-spin-fade-loader 1s .48s infinite linear
}

.ball-spin-fade-loader>div:nth-child(6) {
    top: -17.05px;
    left: -17.05px;
    -webkit-animation: ball-spin-fade-loader 1s .6s infinite linear;
    animation: ball-spin-fade-loader 1s .6s infinite linear
}

.ball-spin-fade-loader>div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s .72s infinite linear;
    animation: ball-spin-fade-loader 1s .72s infinite linear
}

.ball-spin-fade-loader>div:nth-child(8) {
    top: 17.05px;
    left: -17.05px;
    -webkit-animation: ball-spin-fade-loader 1s .84s infinite linear;
    animation: ball-spin-fade-loader 1s .84s infinite linear
}

.ball-spin-fade-loader>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute
}

@-webkit-keyframes ball-spin-loader {
    75% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@keyframes ball-spin-loader {
    75% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

.nav_con,.nav_con1 {
    height: 45px;
    width: 45px;
    position: fixed;
    right: 1.6rem;
    bottom: 3.5rem;
    z-index: 1950
}

.nav_con::after,.nav_con::before {
    content: ' ';
    position: absolute;
    border-radius: 50%
}

.nav_con {
    background-color: rgba(0,0,0,.6)
}

.nav_con::before {
    height: 45px;
    width: 45px;
    left: 0;
    top: 0;
    z-index: 1951;
    background-image: url(../img/nav_sp.png);
    background-size: 300px 30px;
    background-position: 9px 7px
}

.nav_con::after {
    width: 49px;
    height: 49px;
    right: -2px;
    top: -2px;
    z-index: 1900;
    -webkit-transition: all .1s ease-in-out .3s;
    background-color: rgba(0,0,0,.2)
}

.nav_con.show::after,.nav_con1 {
    background-color: transparent
}

.nav_con.show,.nav_con.show::before {
    background-position: -239px 12px
}

.nav_con1 {
    z-index: 1949
}

.nav_account,.nav_cnstock,.nav_hkstock,.nav_index,.nav_usstock {
    height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    opacity: 1;
    z-index: 1;
    -webkit-backface-visibility: hidden
}

.nav_item a,.nav_item span {
    position: absolute;
    height: 100%;
    left: 0
}

.nav_index {
    background-position: 9px 2px
}

.nav_account {
    background-position: -42px 1px
}

.nav_usstock {
    background-position: -93px 1px
}

.nav_cnstock {
    background-position: -193px 1px
}

.nav_hkstock {
    background-position: -144px 1px
}

.nav_item a {
    top: 0;
    width: 100%
}

.nav_item span {
    width: 100%;
    bottom: 0;
    color: #FFF;
    -webkit-transform: scale(.8,.8);
    line-height: 74px
}

.nav_index.navAn {
    -webkit-animation: navIndex .2s .2s ease-out forwards
}

@-webkit-keyframes navIndex {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,-54px,0) scale3d(1,1,1)
    }
}

.nav_account.navAn {
    -webkit-animation: navAccount .2s .15s ease-out forwards
}

@-webkit-keyframes navAccount {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,-108px,0) scale3d(1,1,1)
    }
}

.nav_usstock.navAn {
    -webkit-animation: navPosition .2s .1s ease-out forwards
}

@-webkit-keyframes navPosition {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,-162px,0) scale3d(1,1,1)
    }
}

.nav_hkstock.navAn {
    -webkit-animation: navHkstock .2s .05s ease-out forwards
}

@-webkit-keyframes navHkstock {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,-216px,0) scale3d(1,1,1)
    }
}

.nav_cnstock.navAn {
    -webkit-animation: navCnstock .2s ease-out forwards
}

@-webkit-keyframes navCnstock {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,-270px,0) scale3d(1,1,1)
    }
}

.nav_index.navBackAn {
    -webkit-animation: navBackIndex .2s ease-out backwards
}

@-webkit-keyframes navBackIndex {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,-54px,0) scale3d(1,1,1)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }
}

.nav_account.navBackAn {
    -webkit-animation: navBAckAccount .2s .05s ease-out backwards
}

@-webkit-keyframes navBAckAccount {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,-108px,0) scale3d(1,1,1)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }
}

.nav_usstock.navBackAn {
    -webkit-animation: navBAckPosition .2s .1s ease-out backwards
}

@-webkit-keyframes navBAckPosition {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,-162px,0) scale3d(1,1,1)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }
}

.nav_hkstock.navBackAn {
    -webkit-animation: navBAckHkstock .2s .15s ease-out backwards
}

@-webkit-keyframes navBAckHkstock {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,-216px,0) scale3d(1,1,1)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }
}

.nav_cnstock.navBackAn {
    -webkit-animation: navBAckCnstock .2s .2s ease-out backwards
}

@-webkit-keyframes navBAckCnstock {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0,-270px,0) scale3d(1,1,1)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0)
    }
}

.AM_oprate_con {
    position: fixed;
    z-index: 990;
    height: 2.6rem;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #888;
    background-color: #f2f2f2;
    border-top: 1px solid #f1f2f5
}

.AM_oprate_item {
    float: left;
    width: 33.33%;
    text-align: center;
    line-height: 4rem;
    position: relative
}

.AM_oprate_item.active {
    color: #157EEA
}

.AM_oprate_item.disabled {
    background-color: rgba(204,204,204,.3)
}

.TS_oprate_con span.disabled {
    background-color: rgba(51,51,51,.6)
}

.AM_oprate_item em {
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    left: 50%;
    top: .25rem;
    margin-left: -.6rem
}

.active .AM_oprate_icon1 {
    background-position: -6.3rem -20.5rem
}

.AM_oprate_icon1 {
    background-position: -1.3rem -20.55rem
}

.active .AM_oprate_icon2 {
    background-position: -16.2rem -20.55rem
}

.AM_oprate_icon2 {
    background-position: -11.2rem -20.55rem
}

.active .AM_oprate_icon3 {
    background-position: -20.05rem -20.55rem
}

.AM_oprate_icon3 {
    background-position: -20.05rem -1.15rem
}

.look_more {
    margin-top: .25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center
}

.look_more_word {
    font-size: .6rem;
    color: #333;
    padding-right: 14px;
    position: relative
}

.look_more_word:after {
    content: '';
    height: 0;
    position: absolute;
    right: 0;
    top: .27rem;
    border: 4px solid transparent;
    border-top: 4px solid #888
}

.border_bot,.border_top_bot {
    border-bottom: 1px solid #f1f2f5
}

.border_top,.border_top_bot {
    border-top: 1px solid #f1f2f5
}

.wraper .nation_flag {
    font-size: .5rem;
    color: #FFF;
    padding: 0 1px
}

.wraper .nation_flag.nation_flag_cn {
    background-color: #157EEA
}

.wraper .nation_flag.nation_flag_hk {
    background-color: #9569e4
}

.wraper .nation_flag.nation_flag_us {
    background-color: #e91514
}

.index_sp {
    background-image: url(../img/index_sp.png);
    background-size: 22.5rem 30rem
}

.MA_item:before,.banner_sp {
    background-image: url(../img/banner_sp.png);
    background-size: 15rem
}

.newGuild_sp {
    background-image: url(../img/newGuild_sp.png);
    background-size: 300px
}

.nav_sp {
    background-image: url(../img/nav_sp.png);
    background-size: 300px 30px;
    background-repeat: no-repeat
}

.i_AS_sp {
    background-image: url(../img/i_account_status_sp.png);
    background-size: 9.5rem 5.8rem;
    display: inline-block
}

.sprite-i_check_icon {
    width: .35rem;
    height: .35rem;
    background-position: -1.25rem -1.25rem
}

.sprite-i_fail_icon {
    width: .4rem;
    height: .4rem;
    background-position: -4.075rem -1.25rem
}

.sprite-i_success_icon {
    width: .6rem;
    height: .4rem;
    background-position: -1.25rem -4.15rem
}

.sprite-logo-head {
    width: 1.3rem;
    height: 1.3rem;
    background-position: -6.975rem -1.25rem
}

.pd_sp {
    background-image: url(../img/positionDetail_sp.png);
    background-size: 11.25rem 13.75rem
}

.pd_sp-markt_icon_dark {
    width: 1.1rem;
    height: 1.1rem;
    background-position: -1.25rem -1.25rem
}

.pd_sp-markt_icon_white {
    width: 1.1rem;
    height: 1.1rem;
    background-position: -4.85rem -1.25rem
}

.pd_sp-plus_dark_icon {
    width: 49px;
    height: 49px;
    background-position: -1.25rem -4.8rem
}

.pd_sp-cancel_icon,.pd_sp-cancle_dark_icon,.pd_sp-plus_icon,.pd_sp-to_down_dark,.pd_sp-to_down_icon,.pd_sp-to_top_dark,.pd_sp-to_top_icon {
    width: 1.3rem;
    height: 1.3rem
}

.pd_sp-plus_icon {
    background-position: -5rem -4.8rem
}

.pd_sp-to_down_dark {
    background-position: -8.7rem -1.25rem
}

.pd_sp-to_down_icon {
    background-position: -8.7rem -5rem
}

.pd_sp-to_top_dark {
    background-position: -1.25rem -8.75rem
}

.pd_sp-to_top_icon {
    background-position: -5rem -8.75rem
}

.pd_sp-cancel_icon {
    background-position: -5rem -12.5rem
}

.pd_sp-cancle_dark_icon {
    background-position: -1.25rem -12.5rem
}

.dashed_bot {
    border-bottom: 1px dashed #ccc
}

.bot_line {
    width: 100%;
    height: 1px;
    border: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
    margin: 0;
    background-color: #f1f2f5
}

.popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: none
}

.popup_con,.systeam_con {
    left: 50%;
    top: 50%;
    border-radius: 5px
}

.popup_wrap.active {
    display: block
}

.popup_con {
    position: absolute;
    background-color: #fafafa;
    width: 80%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    overflow: hidden
}

.stick_con,.systeam_con {
    position: fixed;
    display: none
}

.systeam_con {
    z-index: 10000;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    font-size: 14px;
    line-height: 22px;
    padding: .7rem 1.5rem;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    text-align: center;
    -webkit-animation: systeamAn 2.5s ease-in forwards
}

@-webkit-keyframes systeamAn {
    0%,100% {
        opacity: 0;
        -webkit-transform: translate(-50%,-30%)
    }

    10%,20%,90% {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%)
    }

    15% {
        opacity: 1;
        -webkit-transform: translate(-50%,-51%)
    }
}

.stick_con {
    width: 100%;
    height: 100%;
    z-index: 2000;
    -webkit-animation: stickTipAN 1s ease-in-out forwards
}

.stick_con:after,.stick_con:before {
    position: absolute;
    left: 50%;
    top: 50%
}

@-webkit-keyframes stickTipAN {
    0% {
        background-color: transparent;
        opacity: .5
    }

    50% {
        background-color: rgba(0,0,0,.2);
        opacity: 1
    }

    100% {
        background-color: transparent;
        opacity: 0
    }
}

.stick_con.active {
    display: block
}

.stick_con:before {
    width: 150px;
    height: 80px;
    margin: -50px 0 0 -75px;
    color: #fff;
    font-size: .7rem;
    content: '已置顶';
    text-align: center;
    line-height: 116px;
    background-color: rgba(0,0,0,.8);
    border-radius: 8px
}

.stick_con:after {
    content: url(../img/stick_done_icon.png);
    width: 37px;
    height: 29px;
    margin: -38px 0 0 -18.5px
}

.popupAn {
    -webkit-animation: ppopup .6s ease-in-out forwards
}

@-webkit-keyframes ppopup {
    0% {
        -webkit-transform: translateY(100%)
    }

    76% {
        -webkit-transform: translateY(-1%)
    }

    90% {
        -webkit-transform: translateY(1%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

.wrapAn {
    -webkit-animation: wrapAn .3s ease-in-out forwards
}

@-webkit-keyframes wrapAn {
    0% {
        background-color: transparent
    }

    100% {
        background-color: rgba(0,0,0,.5)
    }
}

body .Buy_query_item {
    position: relative;
    height: 2.4rem;
    line-height: 2.4rem
}

.Buy_query_item strong {
    color: #FFF;
    background-color: #157EEA;
    font-size: .5rem;
    height: .8rem;
    line-height: .8rem;
    padding: 0 2px;
    margin-right: .3rem;
    margin-top: .75rem;
    vertical-align: top;
    display: inline-block
}

.Buy_query_item button {
    width: 2.75rem;
    height: 1.2rem;
    margin-top: .75rem;
    line-height: 1.2rem;
    text-align: center;
    color: #157EEA;
    border: 1px solid #157EEA;
    float: right;
    background-color: #FFF;
    border-radius: 3px
}

.Buy_query_item button.tapped {
    color: #888;
    border: none
}

.Buy_nomoney_con {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: none
}

.Buy_operate,.Buy_operate a,.Buy_operate span {
    height: 2.45rem;
    line-height: 2.45rem;
    text-align: center
}

.Buy_nomoney_con.active {
    display: block
}

.Buy_nomoney {
    position: absolute;
    top: 40%;
    left: 12.7%;
    background-color: #fafafa;
    width: 74.6%;
    border-radius: 5px;
    -webkit-animation: Buy_nomoneyAn .6s ease-in forwards
}

@-webkit-keyframes Buy_nomoneyAn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(-1%)
    }

    90% {
        opacity: 1;
        -webkit-transform: translateY(1%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

.Buy_operate a,.Buy_operate span {
    font-size: .8rem;
    width: 50%
}

.Buy_operate .Buy_change {
    float: left;
    color: #333
}

.Buy_operate .Buy_sure {
    float: right;
    color: #157eea
}

.Buy_arror {
    font-size: .7rem;
    padding: 1.5rem .5rem;
    line-height: 1rem;
    text-align: center;
    color: #474747;
    border-bottom: 1px solid #ccc
}

.AM_tab_2 {
    width: 50%!important
}

.spinner {
    width: 25px!important;
    height: 25px!important;
    position: relative!important;
    left: auto!important;
    top: auto!important;
    display: inline-block!important;
    margin-left: -35px;
    vertical-align: middle;
    margin-right: 5px;
    background-image: url(../img/loading.png);
    background-size: 100%;
    opacity: 0;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

.login-sp,a.tap {
    display: inline-block
}

.spinner.active {
    opacity: 1;
    -webkit-animation-name: spin;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

a.tap {
    color: inherit
}

a.tap.default:active {
    background-color: rgba(0,0,0,.1)
}

a.tap.blueBtn:active {
    background-color: #2181EA
}

.tapped {
    background-color: rgba(204,204,204,.3)!important
}

.padding_lr {
    padding: 0 .75rem
}

.l_ios .ios7 {
    background-color: transparent
}

.LN_w .container {
    background-image: url(../img/login-bg.png);
    background-size: 100% 100%
}

.LN_head {
    position: relative;
    padding: 4.15rem 0 1.15rem;
    text-align: center;
    font-size: .9rem;
    color: #fff
}

.LN_head img,.LN_logo {
    position: relative;
    z-index: 10;
    width: 4.65rem;
    height: 4.65rem
}

.LN_logo_out {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 3.8rem;
    height: 3.8rem;
    margin: 1.4rem 0 0;
    border-radius: 50%
}

.RT_photos_code,.RT_verify_code {
    display: inline-block;
    width: 5.5rem;
    height: 1.8rem;
    margin-top: -.2rem;
    border-radius: 6px
}

.RT_verify_code {
    font-size: .75rem;
    background-color: #228FFF;
    color: #fff;
    line-height: 2rem
}

.innerAn,.outAn {
    background-color: #fff
}

.innerAn {
    -webkit-animation: innerCircle 2.5s ease-in-out infinite
}

@-webkit-keyframes innerCircle {
    0%,100%,75% {
        opacity: .3;
        -webkit-transform: translate(-50%,-50%) scale(1,1)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-50%,-50%) scale(1.3,1.3)
    }
}

.outAn {
    -webkit-animation: outCircle 2.5s ease-in-out infinite
}

@-webkit-keyframes outCircle {
    0%,100%,75% {
        opacity: .1
    }

    50% {
        opacity: .4
    }
}

.login-sp {
    background-image: url(../img/login-sp.png);
    background-size: 9.75rem 6.8rem
}

.ln-account-light {
    width: .75rem;
    height: .85rem;
    background-position: -1.25rem -1.25rem
}

.ln-lock-light {
    width: .75rem;
    height: 1rem;
    background-position: -4.5rem -1.25rem
}

.ln-message-verify {
    width: .75rem;
    height: 1.05rem;
    background-position: -7.75rem -1.25rem
}

.ln-photos-verify-light {
    width: .9rem;
    height: .8rem;
    background-position: -1.25rem -4.78rem
}

.LN_submit_con {
    margin: 2rem 1rem .85rem
}

.PS_w .LN_submit_con {
    margin-top: 3.2rem
}

.LN_submit {
    width: 100%;
    height: 2.5rem;
    border-radius: 10px;
    background-color: #228FFF;
    text-align: center;
    color: #fff;
    font-size: .85rem;
    line-height: 2.5rem
}

.LN_submit:active {
    background-color: #157EEA
}

.LN_bot_tip {
    text-align: center;
    font-size: .6rem;
    color: #fff
}

.weui_cell {
    display: block;
    position: relative;
    height: 3rem;
    margin: 0 1rem;
    padding: .5rem 1px .5rem 0;
    font-size: .75rem;
    color: #eee
}

.weui_cell::after,.weui_cells::before {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #b8b9bd;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui_cell_bd,.weui_cell_ft,.weui_cell_hd {
    height: 2rem;
    white-space: nowrap;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all
}

.weui_cell::after {
    bottom: -1px
}

.weui_cells::before {
    top: 0
}

.weui_cell_hd {
    display: table-cell;
    padding: .5rem .75rem 0 .4rem
}

.weui_label {
    display: block;
    min-width: 4em
}

.weui_cell_bd,.weui_cell_ft {
    display: table-cell
}

.weui_cell_primary {
    width: 2000px;
    white-space: normal
}

.weui_input {
    position: relative;
    top: .4rem;
    width: 100%;
    height: 2.4rem;
    padding-bottom: .4rem;
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: inherit;
    color: inherit
}

.weui_input::-webkit-input-placeholder {
    color: inherit
}

.weui_cell_ft {
    color: #fff;
    text-align: right
}

.weui_href {
    padding-right: 30px
}

.weui_href::before {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: absolute;
    top: 50%;
    right: .75rem;
    margin-top: -3px
}

.weui_cell_mt {
    margin-top: .6rem
}

.weui_select_arrow {
    position: relative
}

.weui_select_arrow::before {
    content: ' ';
    background-image: url(../img/drop_blue_icon.png);
    background-size: .85rem auto;
    width: .9rem;
    height: .5rem;
    position: absolute;
    z-index: 100;
    right: .75rem;
    top: .9rem
}

.BE_w {
    background-color: #f6f5fa;
    color: #888
}

.I_w.wraper {
    background-color: #f0f0f0
}

.I_w .I_kh {
    padding-top: 2.1rem
}

.I_w .I_kh .I_search {
    top: 2.6rem
}

.I_kh_con {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2.1rem;
    padding: 0 .75rem;
    background-color: #228fff;
    font-size: .7rem;
    color: #fff;
    line-height: 2.1rem
}

.I_kh .I_kh_delete,.I_kh_check_icon,.I_kh_fail_icon,.I_kh_success_icon {
    height: .9rem;
    width: .9rem
}

.I_kh .I_kh_con {
    display: block
}

.I_kh .I_kh_con>.hide {
    display: none
}

.I_kh .I_kh_logo_head,.I_kh_check_icon,.I_kh_fail_icon,.I_kh_success_icon {
    vertical-align: middle;
    position: relative
}

.I_kh_check_icon {
    border-radius: 50%;
    background-color: #ff9c4c;
    background-position: -.85rem -1.1rem
}

.I_kh_success_icon {
    border-radius: 50%;
    background-color: #fff;
    background-position: -1.1rem -3.9rem
}

.I_kh_fail_icon {
    border-radius: 50%;
    background-color: #fe564e;
    background-position: -3.85rem -1rem
}

.I_kh .I_kh_delete {
    float: right;
    margin-top: .6rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.I_kh .I_kh_btn {
    float: right;
    background-color: #fff;
    color: #228fff;
    padding: .35rem 1rem;
    margin-right: 1rem;
    margin-top: .35rem;
    border-radius: 4px;
    font-size: .7rem;
    line-height: 1
}

.I_carousel_con {
    width: 100%
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide img {
    width: 100%;
    height: auto
}

.I_pagination,.lever_pagination {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
    z-index: 100;
    text-align: center
}

.I_pagination span,.lever_pagination span {
    margin: 0 3px
}

.I_pagination .swiper-pagination-bullet {
    background-color: rgba(255,255,255,.9)
}

.I_pagination .swiper-pagination-bullet-active {
    background-color: #fff
}

.lever_pagination .swiper-pagination-bullet {
    border: 1px solid #999;
    background: 0 0
}

.lever_pagination .swiper-pagination-bullet-active {
    border-color: #2c92fb;
    background-color: #2c92fb
}

.I_choose_con {
    margin-top: 11px;
    background-color: #fff;
    border-top: 1px solid #f1f2f5
}

.I_choose_item {
    float: left;
    width: 20%;
    height: 5rem;
    padding-top: 1rem;
    border-bottom: 1px solid #f1f2f5;
    border-right: 1px solid #f1f2f5;
    text-align: center;
    font-size: .65rem;
    color: #888
}

.I_choose_item.tapped {
    background-color: rgba(204,204,204,.3)
}

.I_choose_item span {
    display: inline-block;
    text-align: center;
    width: 2rem;
    height: 2rem;
    margin-bottom: .1rem
}

.I_choose_item p {
    font-size: .6rem
}

.I_choose_1 {
    background-position: -9.37rem -3.05rem
}

.I_choose_2 {
    background-position: -3.05rem -5.6rem
}

.I_choose_3 {
    background-position: -.55rem -5.6rem
}

.I_choose_4 {
    background-position: -6.22rem -5.6rem
}

.I_choose_5 {
    background-position: -1.16rem -1.26rem
}

.I_choose_6 {
    background-position: -6.28rem -1.26rem
}

.I_choose_7 {
    background-position: -11.1rem -1.26rem
}

.I_choose_8 {
    background-position: -16.2rem -1.26rem
}

.I_theme_con {
    background-color: #FFF;
    margin: 11px 0;
    border-top: 1px solid #eaeaea
}

.I_theme_item {
    float: left;
    width: 50%;
    height: 4.3rem;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 1.1rem .75rem 1rem;
    position: relative
}

.I_theme_item.tapped {
    background-color: rgba(204,204,204,.3)
}

.I_theme_item h3 {
    font-size: 16px;
    color: #333
}

.I_theme_item p {
    font-size: 12px;
    margin-top: .1rem;
    height: .8rem;
    overflow: visible
}

.I_theme_item span {
    display: inline-block;
    width: 2.1rem;
    height: 2.1rem;
    position: absolute;
    right: .75rem;
    top: 1.1rem
}

.Buy_cancel,.I_cancel {
    right: .8rem;
    display: none
}

.I_theme_1 {
    background-position: -1.1rem -6.26rem
}

.I_theme_2 {
    background-position: -6.1rem -6.26rem
}

.I_theme_3 {
    background-position: -11rem -6.2rem
}

.I_theme_4 {
    background-position: -11.1rem -16.15rem
}

.Buy_stockCode {
    position: relative;
    z-index: 1000
}

.I_search::-webkit-input-placeholder {
    color: #CCC;
    font-size: 12px
}

.Buy_cancel {
    position: absolute;
    font-size: .8rem;
    color: #157EEA;
    top: 1rem;
    z-index: 1001
}

.Buy_query_item {
    width: 100%
}

.I_w .Buy_query_wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding-top: 1.9rem;
    background-color: #FFF;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .2s ease-out
}

.I_search_con {
    margin: 0 .6rem
}

.I_search {
    position: absolute;
    width: 92%;
    height: 1.4rem;
    left: 4%;
    top: .5rem;
    background-color: rgba(0,0,0,.3);
    border-radius: .6rem;
    color: #fff;
    font-size: .6rem;
    z-index: 1000;
    vertical-align: middle;
    padding-left: 1.4rem;
    background-position: -19.7rem -15.9rem
}

.I_search.border {
    border: 1px solid #f1f2f5;
    background-color: rgba(255,255,255,1);
    color: #333
}

.I_message_con,.I_message_con em {
    position: absolute;
    border-radius: 50%
}

.I_search.move {
    top: 2.5rem
}

.I_cancel {
    position: absolute;
    top: .3rem;
    color: #157EEA;
    z-index: 1000;
    font-size: .7rem;
    height: 1.75rem;
    width: 2.2rem;
    text-align: center;
    line-height: 1.75rem
}

.I_kh .I_cancel {
    top: 3.55rem
}

.I_cancel.move {
    top: 2.3rem
}

.I_message_con {
    z-index: 998;
    top: .5rem;
    right: .6rem;
    width: 1.4rem;
    height: 1.4rem;
    background-color: rgba(0,0,0,.3);
    background-position: -15.95rem -16.05rem
}

.I_message_con em {
    width: .35rem;
    height: .35rem;
    display: inline-block;
    right: 0;
    top: 0;
    background-color: #ec1e1e;
    opacity: 0
}

.I_message_con.active em {
    opacity: 1
}

.BE_head_con {
    background: url(../img/be_head_bg.jpg) no-repeat;
    background-size: cover;
    padding: 1.625rem 0 0
}

.BE_head_con>h2 {
    font-size: .7rem;
    color: #a9ccff;
    margin-bottom: .85rem;
    padding: 0 .75rem
}

.BE_head_con>h3 {
    margin-bottom: .85rem;
    color: #FFF;
    padding: 0 .75rem
}

.BE_head_con>h3 strong {
    font-size: 2rem
}

.BE_head_con>h3 em {
    font-size: 1.5rem
}

.BE_br_item h3,.BE_head_con>p {
    color: #a9ccff;
    font-size: .6rem
}

.BE_head_con>p {
    margin-bottom: 1.6rem;
    padding: 0 .75rem
}

.BE_br_con {
    height: 3rem;
    width: 100%;
    background: url(../img/be_br_bg.png) repeat-x;
    padding: 0 .75rem;
    overflow: hidden
}

.BE_br_item {
    float: left;
    width: 50%;
    height: 100%;
    padding-left: .5rem;
    position: relative
}

.BE_br_item:nth-child(2) {
    padding-left: 1.5rem
}

.BE_list_con,.BE_list_title {
    padding-left: .75rem
}

.BE_br_item h3 {
    padding-top: .6rem
}

.BE_br_item p {
    color: #FFF;
    font-size: 1rem;
    padding-top: .2rem
}

.BE_br_item hr {
    width: 1px;
    height: 1.6rem;
    background-color: #1082f7;
    position: absolute;
    top: .7rem;
    left: 0;
    margin: 0;
    border: none
}

.BE_list_wraper,.I_lever_con {
    margin-top: 11px;
    background-color: #FFF
}

.BE_list_title {
    height: 2rem;
    line-height: 2rem;
    color: #bab9b9
}

.BE_list_item {
    padding-right: .75rem;
    position: relative;
    height: 3.4rem
}

.I_stock_update_time {
    font-size: 12px;
    color: #666
}

.I_lever_con {
    width: 100%;
    height: auto
}

.I_lever_head {
    overflow: hidden;
    border: 1px solid #eaeaea;
    font-size: .7rem;
    line-height: 1.8rem;
    color: #888;
    padding: 0 .65rem;
    position: relative
}

.I_lever_title {
    color: #333;
    font-size: .8rem;
    margin-right: 2px
}

.I_lever_all {
    color: #6bb2fc;
    float: right
}

.I_lever_all .wx_Arrow {
    border-color: #6bb2fc;
    margin: 0 5px;
    position: relative;
    vertical-align: middle
}

.I_lever_all .wx_Arrow::after {
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid #6bb2fc;
    position: absolute;
    top: -7px;
    left: -4px;
    border-radius: 50%
}

.I_lever_times {
    position: relative;
    top: -.3rem;
    z-index: 1;
    display: inline-block;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background-color: #ff4d52;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: .9rem;
    -webkit-transform: scale(.9,.9)
}

.hide.I_lever_times {
    display: none
}

.I_lever_countTime {
    float: right;
    overflow: hidden
}

.I_lever_next .I_lever_countTime,.I_lever_next .I_lever_countTime ul {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.I_lever_countTime span {
    font-size: 12px;
    color: #666;
    position: relative;
    top: 2px
}

.I_lever_countTime ul {
    float: right;
    overflow: hidden
}

.I_lever_countTime li {
    float: left;
    position: relative;
    width: 22px;
    height: 18px;
    margin-left: 6px;
    margin-top: 9px;
    color: #fff;
    background-color: #2c92fb;
    font-size: 13px;
    text-align: center;
    line-height: 18px
}

.I_lever_next .I_lever_countTime li {
    margin-top: 0
}

.I_lever_countTime li em {
    position: relative;
    z-index: 10
}

.I_lever_countTime li::before {
    content: '';
    width: 20px;
    height: 9px;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 1;
    background-color: #6bb2fc
}

.I_lever_countTime li::after {
    content: ':';
    width: 4px;
    height: 18px;
    position: absolute;
    right: -5px;
    top: 0;
    color: #449bfb
}

.A_tPlus0_con em::before,.B_banlance_con::before,.MA_item:before {
    content: ''
}

.I_lever-staus {
    position: relative;
    display: inline-block;
    min-width: 7rem;
    height: 1.75rem
}

.I_lever_tip {
    display: inline-block;
    color: #fff;
    border: 1px solid #6bb2fc;
    border-radius: 50%;
    background-color: #6bb2fc;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px
}

.none .I_lever_countTime li {
    background-color: #bababa
}

.none .I_lever_countTime li::before {
    background-color: #ccc
}

.none .I_lever_next .I_lever_countTime li {
    background-color: #2c92fb
}

.none .I_lever_next .I_lever_countTime li::before {
    background-color: #6bb2fc
}

.I_level_target {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eaeaea
}

.I_lever_left {
    float: left;
    width: 65%;
    height: 6.5rem;
    overflow: hidden;
    position: relative;
    background-color: #f7fbff
}

.I_lever_list {
    width: 100%;
    height: 100%;
    position: relative;
    border-right: 1px solid #c1dbff
}

.I_lever_list::after,.I_lever_list::before {
    content: '';
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 1px 1px 0 0;
    border-color: #ededed;
    border-style: solid;
    background-color: #FFF;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    position: absolute;
    z-index: 10;
    top: 50%;
    right: -4px
}

.I_lever_list::before {
    height: 8px;
    width: 8px;
    right: -5px;
    border-color: #c1dbff;
    background-color: #FFF
}

.I_lever_left_left {
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
    font-size: .6rem
}

.I_lever_left_left.up {
    color: #ff4d52
}

.I_lever_left_left.down {
    color: #55aa3e
}

.I_lever_left_left div,.I_lever_left_left h3 {
    max-width: 100%;
    left: 0;
    padding-left: .75rem;
    position: absolute
}

.I_lever_left_left h3 {
    line-height: 1.5rem;
    bottom: 50%
}

.I_lever_left_left div {
    top: 50%;
    padding-left: 1rem;
    padding-top: .2rem;
    line-height: 1rem
}

.I_lever_left_left h3 strong {
    font-size: 1.25rem
}

.I_lever_null {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding-left: 2.25rem;
    background-color: #f75429;
    font-size: .6rem;
    color: #ffd5ca
}

.I_lever_null.hide {
    display: none
}

.I_lever_next,.I_lever_profit,.I_lever_total_times {
    display: inline-block;
    min-width: 8rem;
    text-align: right
}

.I_lever_winner {
    position: absolute;
    top: 3rem;
    left: .6rem;
    z-index: 1;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%
}

.I_lever_first {
    position: absolute;
    top: 2rem;
    left: .5rem;
    z-index: 2
}

.I_lever_total_times {
    margin: 2.2rem 0 .4rem;
    padding-left: .4rem;
    line-height: 1
}

.I_lever_profit strong,.I_lever_total_times strong {
    font-size: .8rem;
    color: #fff
}

.I_lever_profit {
    margin-bottom: .7rem;
    line-height: 1
}

.I_lever_profit em {
    color: #fff
}

.I_lever_next {
    padding-left: .25rem
}

.I_lever_cup {
    position: absolute;
    right: 0;
    top: .7rem;
    width: 6.1rem
}

.I_lever_left_right {
    float: right;
    width: 50%;
    height: 100%;
    padding-right: .75rem;
    position: relative
}

.I_lever_left_right div,.I_lever_left_right h3 {
    width: 100%;
    left: 0;
    font-size: .6rem;
    color: #888;
    position: absolute
}

.I_lever_left_right h3 {
    line-height: 1rem;
    bottom: 50%;
    padding-bottom: 9px;
    max-height: 3rem;
    overflow: hidden
}

.I_lever_left_right h3 strong {
    font-size: .8rem;
    color: #333
}

.I_lever_left_right div {
    top: 50%
}

.I_lever_left_right div span {
    float: left;
    height: 1.1rem;
    line-height: 1.2rem;
    color: #FFF;
    padding: 0 5px;
    background-color: #6bb2fc
}

.I_lever_left_right div span+span {
    margin-left: 6px
}

.I_lever_right {
    float: right;
    width: 35%;
    height: 6.5rem;
    overflow: hidden
}

.I_lever_right button {
    float: left;
    width: 100%;
    height: 3.25rem;
    text-align: center;
    font-size: .8rem;
    color: #333;
    background-color: #FFF
}

.I_lever_right button:nth-child(1) {
    border-bottom: 1px solid #eaeaea
}

.I_lever_right button span {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../img/i_lever_btn_icon_sp.png);
    background-size: .9rem 3.8rem;
    background-repeat: no-repeat
}

.I_lever_down_icon {
    background-color: #55aa3e;
    background-position: .3rem .3rem
}

.I_lever_up_icon {
    background-color: #ff4d52;
    background-position: .3rem -2.7rem
}

.none .I_lever_right button {
    color: #888
}

.none .I_lever_down_icon,.none .I_lever_up_icon {
    background-color: #eaeaea
}

.I_lever_banner {
    margin-top: 11px
}

.I_lever_banner img {
    width: 100%
}

@media only screen and (min-height: 481px) and (max-height:568px) {
    html {
        font-size:18px
    }

    .I_theme_item {
        padding: 1.1rem .5rem 1rem
    }

    .I_theme_item span {
        right: .5rem
    }
}

.A_w,.B_w {
    background-color: #f6f5fa
}

.A_header {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    text-align: center;
    font-size: .8rem;
    overflow: hidden;
    padding: 0 .8rem 0 .55rem
}

.A_banner,.A_totalAssets_con {
    background-color: #FFF;
    overflow: hidden
}

.A_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem;
    background-position: -.6rem .15rem
}

.A_banner {
    height: 4.4rem;
    padding: .65rem .75rem .6rem;
    position: relative
}

.A_head_img {
    height: 3rem;
    width: 3rem;
    margin-right: .675rem;
    float: left;
    border-radius: 8px;
    border: 1px solid #EEE
}

.A_username {
    color: #333;
    font-size: .8rem;
    padding-top: .3rem
}

.A_accountName {
    color: #898989;
    font-size: .8rem;
    margin-top: .6rem
}

.A_moreInfo {
    position: absolute;
    right: .85rem;
    top: 1.7rem
}

.A_moreInfo img,.A_rechange img,.A_turn_right {
    width: 6px;
    height: 11px
}

.A_totalAssets_con {
    margin-top: 11px;
    height: 2.65rem;
    line-height: 2.65rem;
    padding: 0 .75rem;
    font-size: .8rem;
    position: relative
}

.A_totalAssets_con span {
    color: #FFF;
    background-color: #157EEA;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: .3rem;
    font-size: .6rem
}

.A_totalAssets_con i {
    font-size: .6rem;
    font-weight: 400
}

.A_totalAssets_con em {
    float: right;
    font-size: 1rem;
    padding-right: .75rem;
    font-weight: 700;
    color: #333
}

.A_totalAssets_con em strong {
    font-weight: 700
}

.A_totalAssets_con .turn_right {
    top: 1.05rem
}

.A_classifyAccount {
    height: 2.18rem;
    line-height: 2.18rem;
    padding-left: .75rem;
    overflow: hidden;
    margin-top: 11px;
    background-color: #FFF
}

.A_banlance_title strong,.A_classifyAccount strong {
    font-size: .8rem
}

.A_account_con {
    height: 10.5rem;
    background-color: #FFF
}

.A_account_item {
    width: 50%;
    height: 5.2rem;
    position: relative;
    padding-left: 2.5rem;
    padding-top: 1rem;
    float: left
}

.l_app .A_account_item {
    padding-left: 2.1rem
}

.A_account_item span {
    width: 2.1rem;
    height: 2.1rem;
    position: absolute;
    left: .75rem;
    top: 1rem
}

.l_app .A_account_item span {
    left: .5rem
}

.A_account_item p {
    padding-left: .2rem;
    font-size: 12px;
    color: #333
}

.l_app .A_account_item p {
    font-size: 9pt
}

.A_account_item .A_account_p {
    color: #888
}

.A_account_item em {
    margin-left: .3rem
}

.A_account_item a {
    font-size: 14px;
    color: #157EEA
}

.A_account_p {
    height: 1.4rem;
    line-height: 1.2rem;
    white-space: nowrap
}

.A_account_p.down em,.A_account_p.up em {
    color: #ec1e1e
}

.A_account_icon1 {
    background-position: -1.2rem -16.25rem
}

.A_account_icon2 {
    background-position: -1.2rem -11.25rem
}

.A_account_icon3 {
    background-position: -6.2rem -16.25rem
}

.A_account_icon4 {
    background-position: -6.2rem -11.25rem
}

.A_account_title {
    font-size: 16px;
    color: #333;
    padding-left: .2rem
}

.A_aboutus_con,.A_agreetFb_con {
    margin-top: .6rem;
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #FFF;
    padding-left: .8rem;
    color: #333;
    position: relative
}

.A_aboutus_con a,.A_agreetFb_con a {
    color: #333;
    height: 2.25rem;
    line-height: 2.25rem;
    display: inline-block
}

.A_turn_right,.MA_item img {
    position: absolute;
    right: .85rem;
    top: .85rem
}

.A_profit_loss {
    padding: 0 0 1.4rem;
    font-size: .6rem
}

.A_profit_loss span {
    font-size: .6rem;
    padding: 0 .5rem 0 .3rem
}

.A_profit_loss.up em,.A_profit_loss.up span {
    color: #ec1e1e
}

.A_profit_loss.down em,.A_profit_loss.down span {
    color: #4caf50
}

.A_banlance_title {
    height: 2.18rem;
    line-height: 2.18rem;
    padding-left: .75rem;
    overflow: hidden;
    position: relative;
    margin-top: 11px;
    background-color: #FFF
}

.A_w .A_banlance_title .turn_right {
    top: .8rem
}

.A_banlance_title span,.A_classifyAccount span {
    float: right;
    padding-right: .75rem;
    font-size: .6rem;
    color: #888
}

.A_w .A_banlance_title span {
    padding-right: 1.5rem
}

.A_w .A_banlance_title span i {
    color: #333;
    font-size: .8rem
}

.A_w .A_banlance_title span em {
    font-size: .6rem;
    color: #333
}

.A_banlance_title i,.A_classifyAccount i {
    font-size: .6rem
}

.A_banlance_list {
    height: 3.8rem;
    overflow: hidden;
    background-color: #FFF
}

.A_banlance_item {
    height: 3.8rem;
    float: left;
    width: 50%;
    text-align: center;
    position: relative
}

.A_banlance_item hr {
    width: 1px;
    height: 100%;
    background-color: #f1f2f5;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: none
}

.A_banlance_item h3 {
    font-size: .6rem;
    height: 1.9rem;
    line-height: 2.7rem;
    color: #888;
    position: relative
}

.A_banlance_item h3 em {
    width: 1.3rem;
    height: .85rem;
    vertical-align: middle;
    margin-right: .3rem;
    position: absolute;
    bottom: 31%;
    left: 40%;
    display: none
}

.A_banlance_item h3 span {
    height: .8rem;
    padding: 1px .3rem;
    border-radius: .4rem;
    border-width: 1px;
    border-style: solid
}

.A_banlance_usStyle {
    border-color: #da1f00;
    color: #da1f00
}

.A_banlance_hkStyle {
    border-color: #157eea;
    color: #157eea
}

.A_banner1 {
    background-position: -5rem -.65rem
}

.A_banner2 {
    background-position: -10rem -.65rem
}

.A_banner3 {
    background-position: 0 -.65rem
}

.A_banlance_item p {
    font-size: .8rem;
    font-weight: 400;
    height: 1.4rem;
    line-height: 1.3rem;
    text-align: center
}

.RCP_head_tip {
    background-color: #71b0f0;
    color: #FFF;
    height: 1.5rem;
    font-size: .6rem;
    line-height: 1.5rem;
    text-align: center
}

.RCP_item h3 {
    margin-top: .6rem;
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #FFF;
    padding-left: .8rem;
    color: #333;
    position: relative
}

.RCP_rj_guide {
    color: #2181ea;
    font-size: .6rem;
    float: right;
    margin-right: 1.8rem
}

.RCP_item p {
    line-height: .8rem;
    padding-left: .8rem;
    padding-top: .2rem;
    color: #888;
    font-size: .6rem
}

.RCP_item h3 img {
    position: absolute;
    right: .85rem;
    top: .8rem
}

.RCP_item h3 span {
    color: #FFF;
    background-color: #5eb5f1;
    border-radius: 5px;
    padding: 4px;
    margin-left: .2rem;
    font-size: .6rem
}

.MA_totalAssets_con {
    height: 6.38rem;
    padding: .9rem .8rem 0;
    background-color: #FFF
}

.MA_totalAssets_name {
    line-height: 1rem;
    font-size: .7rem;
    color: #333
}

.MA_totalAssets_name span {
    color: #FFF;
    background-color: #157EEA;
    height: 1rem;
    padding: 0 3px;
    display: inline-block;
    border-radius: 5px;
    margin-right: .3rem;
    font-size: .6rem
}

.B_item,.MA_item,.MA_tips {
    height: 2.25rem;
    padding-left: .8rem
}

.MA_allMoney {
    margin-top: .9rem;
    font-size: 1.7rem;
    line-height: 1.7rem
}

.B_banlance_con,.B_banner_con,.B_list,.B_record_con,.B_w .MA_item {
    margin-top: 11px
}

.MA_tips {
    font-size: .6rem;
    line-height: 1.8rem;
    color: #888
}

.B_item,.MA_item {
    line-height: 2.25rem;
    background-color: #FFF;
    font-size: .75rem;
    color: #333;
    position: relative;
    overflow: hidden
}

.MA_w .MA_item {
    padding-left: 2.6rem
}

.B_item span,.MA_item span {
    color: #888;
    float: right;
    margin-right: 1.7rem
}

.MA_item:before {
    width: 1.3rem;
    height: .85rem;
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    left: .8rem;
    top: .75rem
}

.MA_item1:before {
    background-position: -5rem -.65rem
}

.MA_item2:before {
    background-position: -10rem -.65rem
}

.MA_item3:before {
    background-position: 0 -.65rem
}

.B_item em {
    margin-right: .3rem;
    color: #888
}

.B_item_currency {
    font-size: .6rem;
    color: #FFF;
    padding: .1rem .2rem;
    background-color: #157eea;
    vertical-align: top
}

.B_banlance_con,.B_recharge_item,.B_record_con button {
    background-color: #FFF
}

.B_banner_con {
    padding: 0 .75rem;
    overflow: hidden
}

.B_banner_con img {
    float: left;
    width: 100%
}

.B_recharge_item {
    overflow: hidden;
    height: 2.5rem;
    line-height: 2.5rem;
    position: relative
}

.B_bank_icon {
    height: 1.5rem;
    position: absolute;
    left: .75rem;
    top: .5rem
}

.B_item_code div {
    padding: .3rem 0 .3rem 3rem;
    line-height: 1rem;
    font-size: .6rem;
    text-align: left
}

.AM_index_item,.AM_tips,.A_kh_logo,.A_kh_title,.B_item_state a,.B_recharge_item span {
    text-align: center
}

.B_recharge_item .turn_right {
    right: .3rem;
    top: .9rem
}

.B_recharge_item span {
    width: 24%;
    float: left;
    font-size: .7rem;
    color: #333
}

.B_recharge_head {
    height: 1.45rem;
    line-height: 1.45rem
}

.B_recharge_head span {
    color: #888;
    font-size: .6rem
}

.B_recharge_item .B_item_code {
    width: 36.5%
}

.B_recharge_item .B_item_bank {
    width: 26%
}

.B_recharge_item .B_item_money {
    width: 32.5%
}

.B_recharge_item .B_item_state {
    width: 28%
}

.B_item_state a {
    display: inline-block;
    border: 1px solid #CCC;
    color: #888;
    width: 3.6rem;
    height: 1.55rem;
    line-height: 1.55rem;
    border-radius: 4px
}

.B_item_state a.active {
    color: #157EEA;
    border-color: #157EEA
}

.B_item_state a.done {
    color: #00b651;
    border: none
}

.B_item_icon {
    width: .8rem;
    margin-right: 10px;
    margin-bottom: -2px
}

.B_banlance_con {
    height: 3.55rem;
    padding: 0 .75rem 0 3.8rem;
    position: relative;
    overflow: hidden
}

.B_banlance_con::before {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../img/us_flag_radius.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    left: .75rem;
    top: .5rem
}

.HKB_w .B_banlance_con::before {
    border-radius: 6px;
    background-image: url(../img/hk_flag_radius.png)
}

.B_banlance_con .turn_right {
    top: 1.5rem
}

.B_banlance_con p {
    font-size: .75rem;
    color: #888;
    clear: both;
    margin-top: .6rem
}

.B_banlance_con span {
    font-size: 1.25rem;
    color: #333
}

.A_tPlus0_con {
    font-size: .75rem;
    color: #888;
    height: 2.9rem;
    line-height: 1.6rem;
    overflow: hidden;
    position: relative;
    padding: .65rem .75rem;
    background-color: #FFF
}

.A_tPlus0_con em {
    float: left;
    width: 1.6rem;
    height: 1.5rem;
    margin-right: .9rem;
    position: relative
}

.A_tPlus0_con em:nth-child(1) {
    background-position: -6.25rem -16.25rem
}

.A_tPlus0_con em:nth-child(2) {
    background-position: -1.25rem -11.25rem
}

.A_tPlus0_con em:nth-child(3) {
    background-position: -1.25rem -16.25rem
}

.A_tPlus0_con em::before {
    width: 1.5rem;
    height: 1.55rem;
    border-radius: 50%;
    background-color: rgba(242,242,242,.8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.A_tPlus0_con em.active::before {
    display: none
}

.A_tPlus0_con em::after {
    content: 'T+0';
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    width: 34px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #FFF;
    background-color: #157eea;
    color: #FFF;
    position: absolute;
    left: .7rem;
    bottom: -4px;
    z-index: 10;
    -webkit-transform: scale(.7,.7)
}

.A_tPlus0_con span {
    float: right;
    padding-right: .75rem;
    color: #1b98fe
}

.A_tPlus0_con .turn_right {
    top: 1.2rem
}

.A_kh_popup {
    background-color: rgba(0,0,0,.7)
}

.A_kh_btn .next_step,.A_kh_icon {
    background-color: #228fff
}

.A_kh_popup_con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.A_kh_logo {
    padding-top: 3.5rem
}

.A_kh_logo img {
    height: 2.1rem
}

.A_kh_title {
    font-size: .8rem;
    color: #fff;
    line-height: 1.9rem
}

.A_kh_item {
    overflow: hidden;
    margin-top: 1rem
}

.A_kh_state {
    padding-top: .4rem;
    font-size: .6rem;
    color: #fff;
    line-height: 1.1rem
}

.A_kh_state strong {
    font-size: .8rem
}

.A_kh_icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-right: .75rem
}

.A_kh_phone_icon {
    background-image: url(../img/a_kh_phone_icon.png);
    background-size: 1.05rem 1.65rem
}

.A_kh_id_icon {
    background-image: url(../img/a_kh_id_icon.png);
    background-size: 1.55rem 1.15rem
}

.A_kh_btn {
    margin-top: 2.8rem
}

.AM_w .container {
    padding-bottom: 2.5rem
}

.AM_w,.OP_w,.S_w {
    background-color: #f6f5fa
}

.AM_header {
    position: relative;
    z-index: 1000
}

.AM_refresh,.AM_search {
    position: absolute;
    top: .4rem;
    width: 1.3rem;
    height: 1.3rem
}

.AM_refresh {
    right: .6rem;
    background-position: -3rem -.6rem
}

.AM_search {
    right: 3rem;
    background-position: -9.2rem -8.05rem
}

.AM_tips {
    background-color: #71b0f0;
    color: #FFF;
    height: 1.5rem;
    font-size: .6rem;
    line-height: 1.5rem
}

.AM_stock_index {
    padding: .3rem 0;
    height: 4.8rem;
    overflow: hidden;
    background-color: #fff;
    color: #333
}

.AM_index_item {
    width: 31.33%;
    height: 4.2rem;
    float: left;
    margin-left: 1.5%;
    padding: .6rem 0
}

.down.AM_index_item {
    background-color: #4CAF50;
    color: #FFF
}

.up.AM_index_item {
    background-color: #ec1e1e;
    color: #FFF
}

.AM_index_item h3 {
    font-size: .65rem
}

.AM_total_index {
    font-size: .8rem;
    height: 1.5rem;
    line-height: 1.5rem;
    position: relative;
    z-index: 1
}

.down .AM_total_index span,.up .AM_total_index span {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: -webkit-calc((1.5rem - 12px)/ 2);
    display: none
}

.AM_total_index em {
    font-size: 1.1rem;
    font-weight: 700
}

.up .AM_total_index em.colorAn {
    -webkit-animation: AM_total_up .6s ease-in-out backwards
}

@-webkit-keyframes AM_total_up {
    0%,70% {
        color: #ec1e1e
    }

    100%,35% {
        color: #FFF
    }
}

.down .AM_total_index em.colorAn {
    -webkit-animation: AM_total_down .6s ease-in-out backwards
}

@-webkit-keyframes AM_total_down {
    0%,70% {
        color: #4CAF50
    }

    100%,35% {
        color: #FFF
    }
}

.AM_rate {
    font-size: .6rem
}

.AM_rate span {
    padding: 0 .2rem
}

.up .AM_total_index span {
    border-bottom: 10px solid #ec1e1e;
    left: 19%
}

.down .AM_total_index span {
    border-top: 10px solid #4caf50;
    left: 20%
}

.AM_rise_title,.AM_stock_item li {
    position: relative;
    overflow: hidden
}

.down .AM_rate,.down .AM_total_index,.up .AM_rate,.up .AM_total_index {
    color: #fff
}

.AM_rise_title {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .7rem;
    padding: 0 .75rem 0 1.5rem;
    background-color: #edeef2;
    color: #888
}

.AM_rise_more {
    float: right;
    letter-spacing: 2px;
    padding: 0 10px
}

.AM_rise_more img {
    width: 6px;
    height: 11px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px
}

.AM_stock_item li {
    height: 2.5rem;
    line-height: 1.7rem;
    padding: .4rem .75rem;
    background-color: #FFF
}

.AM_rise_con.hide {
    display: none
}

.AM_stock_item button,.AM_stock_item em,.AM_stock_item span,.OP_title em,.OP_title span,.OP_title strong {
    display: inline-block
}

.AM_stock_item strong {
    font-size: .8rem;
    -webkit-transform: translateY(-22%);
    display: inline-block;
    width: 40%;
    color: #333;
    overflow: hidden
}

.AM_stock_item i {
    position: absolute;
    bottom: -.2rem;
    left: .8rem;
    color: #333;
    font-size: .5rem
}

.AM_stock_item span {
    font-size: .9rem;
    width: 24%;
    vertical-align: top;
    text-align: right;
    color: #333
}

.AM_stock_item em {
    font-size: .8rem;
    width: 4rem;
    float: right;
    vertical-align: top;
    text-align: center;
    color: #333
}

.AM_rise_item.up em {
    color: #FFF;
    background-color: #ec1e1e
}

.AM_rise_item.down em {
    color: #FFF;
    background-color: #4caf50
}

.AM_down_item.up em {
    color: #FFF;
    background-color: #ec1e1e
}

.AM_down_item.down em {
    color: #FFF;
    background-color: #4caf50
}

.AM_rise_item.up em.colorAn {
    -webkit-animation: AM_rise_item .6s ease-in-out backwards
}

.AM_rise_item.down em.colorAn {
    -webkit-animation: AM_down_item .6s ease-in-out backwards
}

@-webkit-keyframes AM_rise_item {
    0%,70% {
        background-color: rgba(236,30,30,.2)
    }

    100%,35% {
        background-color: rgba(236,30,30,.8)
    }
}

.AM_down_item.up em.colorAn {
    -webkit-animation: AM_rise_item .6s ease-in-out backwards
}

.AM_down_item.down em.colorAn {
    -webkit-animation: AM_down_item .6s ease-in-out backwards
}

@-webkit-keyframes AM_down_item {
    0%,70% {
        background-color: rgba(76,175,80,.2)
    }

    100%,35% {
        background-color: rgba(76,175,80,.8)
    }
}

.AM_stock_item button {
    font-size: .65rem;
    width: 13.5%;
    height: 1.25rem;
    color: #157eea;
    background-color: #FFF;
    float: right;
    border: 1px solid #157eea;
    border-radius: 3px;
    margin-top: .25rem;
    -webkit-transition: all .1s ease-in-out
}

.AM_stock_item button.active {
    border: none;
    color: #d7d7d7
}

.OP_title {
    height: 1.1rem;
    font-size: .6rem;
    line-height: 1.1rem;
    color: #8e8e93;
    text-align: center;
    background-color: #edeef2;
    position: relative
}

.OP_title em {
    width: 36%;
    padding-left: .75rem;
    text-align: left
}

.show .OP_title em {
    text-align: center
}

.OP_title span {
    width: 28%
}

.OP_title strong {
    width: 35%;
    text-align: right;
    padding-right: 1.7rem;
    -webkit-transition: all .2s
}

.OP_title i {
    display: none;
    position: absolute;
    right: .6rem;
    top: 0;
    height: 1.1rem
}

.show .OP_title i {
    display: block
}

.OP_stock_con {
    background-color: #FFF;
    position: relative
}

.OP_stock_item {
    width: 100%;
    font-size: .8rem;
    height: 2.5rem;
    line-height: 1.7rem;
    position: relative;
    left: 0;
    overflow: hidden;
    color: #333;
    padding: .4rem .75rem
}

.OP_stock_item.up .OP_rate {
    background-color: #ec1e1e
}

.OP_stock_item.down .OP_rate {
    background-color: #4caf50
}

.OP_stock_item .OP_name {
    display: inline-block;
    width: 36%;
    -webkit-transform: translateY(-25%)
}

.OP_stock_item .OP_code {
    position: absolute;
    left: .85rem;
    bottom: -.2rem;
    font-size: .6rem;
    width: 33%;
    text-align: left
}

.show .OP_code,.show .OP_name {
    padding-left: 24px
}

.OP_stock_item .OP_price {
    display: inline-block;
    width: 28%;
    font-size: .9rem;
    text-align: center;
    vertical-align: top
}

.up .OP_price {
    color: #ec1e1e
}

.down .OP_price {
    color: #4caf50
}

.OP_stock_item .OP_rate {
    width: 4rem;
    text-align: center;
    color: #FFF;
    display: inline-block;
    float: right;
    height: 1.6rem;
    line-height: 1.6rem
}

.OP_code span {
    font-size: .5rem;
    color: #FFF;
    padding: 1px 1px 0;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    top: -1px;
    line-height: 1
}

.OP_delete,.OP_manage,.OP_stick {
    position: absolute
}

.OP_code .OP_palace_cn {
    background-color: #157EEA
}

.OP_code .OP_palace_hk {
    background-color: #9569e4
}

.OP_code .OP_palace_us {
    background-color: #e91514
}

.OP_manage {
    right: 2.5rem;
    top: 0;
    color: #157EEA
}

.Buy_query_con .OP_manage {
    right: .1rem;
    top: .15rem;
    padding: .4rem
}

.OP_stick {
    width: 1.375rem;
    height: 1.6rem;
    top: .4rem;
    right: .3rem;
    padding: .4rem;
    display: none
}

.OP_allselect,.OP_delete {
    width: 1rem;
    height: 1rem;
    background-color: #FFF
}

.OP_delete {
    top: .75rem;
    left: .7rem;
    display: none;
    z-index: 100;
    border: 1px solid #CCC;
    border-radius: 50%;
    background-position: -6.37rem -3.25rem
}

.show .OP_delete,.show .OP_stick {
    display: block
}

.show .OP_title strong {
    text-align: center
}

.show .OP_stock_item .OP_rate {
    margin-right: 1.2rem
}

.show .buying_sp {
    border: none
}

.OP_allselect {
    border: 1px solid #CCC;
    border-radius: 50%;
    vertical-align: middle;
    background-position: -6.37rem -3.2rem
}

.OP_delete_con {
    width: 100%;
    height: 2.6rem;
    line-height: 2.6rem;
    padding-left: .6rem;
    background-color: #FFF;
    overflow: hidden;
    position: fixed;
    z-index: 991;
    bottom: 0;
    left: 0;
    display: none;
    border-top: 1px solid #f1f2f5
}

.show .OP_delete_con {
    display: block
}

.OP_submit_con span {
    float: left;
    font-size: .8rem
}

.OP_submit {
    float: right;
    height: 2.75rem;
    width: 29.1%;
    font-size: .9rem;
    text-align: center;
    color: #FFF;
    background-color: #ec1e1e;
    border: none
}

.OP_submit.tapped {
    background-color: #5ca5f0
}

.AM_w .Buy_query_wrap,.AM_w .Buy_stockCode,.S_stock_con,.S_stock_item button {
    background-color: #FFF
}

.OP_w .Buy_query_con {
    font-size: .7rem;
    color: #666;
    position: relative;
    z-index: 1000
}

.AM_w .Buy_stockCode {
    width: 92%;
    width: -webkit-calc(100% - 1.5rem);
    border: 1px solid #f1f2f5;
    border-radius: 5px;
    height: 1.4rem;
    vertical-align: middle;
    padding-left: 1.85rem;
    margin: .3rem .75rem;
    background-position: -10.8rem -.35rem;
    color: #333;
    text-indent: .2rem;
    font-size: .6rem;
    position: relative;
    z-index: 1000
}

.AM_w .Buy_cancel,.AM_w .Buy_clean {
    z-index: 1001;
    display: none;
    position: absolute
}

.AM_w .Buy_clean {
    width: 1.85rem;
    height: 1.85rem;
    padding: .425rem;
    right: .6rem;
    top: .6rem
}

.AM_w .Buy_cancel {
    font-size: .6rem;
    color: #157EEA;
    right: 1.1rem;
    top: .2rem;
    padding: .4rem
}

.OP_w .Buy_stockCode {
    width: 82%;
    width: -webkit-calc(100% - 3.2rem)
}

.OP_w .Buy_stockCode.searching,.OP_w .Buy_stockCode:focus {
    width: 94%;
    width: -webkit-calc(100% - 1.2rem)
}

.OP_w .Buy_cancel {
    right: 1.1rem
}

.Buy_query_item {
    padding-left: .4rem
}

.AM_w .Buy_query_wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding-top: 1.7rem
}

.l_app.l_ios .AM_w .Buy_query_wrap {
    padding-top: 4.8rem
}

.l_app .AM_w .Buy_query_wrap {
    padding-top: 3.8rem
}

.Buy_stockCode.move {
    top: 2.5rem
}

.Buy_cancel.move {
    top: 2.8rem
}

.Buy_query_wrap.move {
    padding-top: 4rem
}

.S_stock_item {
    height: 2.75rem;
    font-size: .8rem;
    overflow: hidden;
    position: relative;
    padding: .8rem .55rem 0 1.5rem
}

.S_stock_item strong {
    font-weight: 700;
    margin-right: 1rem
}

.S_stock_item button {
    width: 2.75rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #157EEA;
    border: 1px solid #157EEA;
    float: right;
    border-radius: 3px
}

.S_stock_item button.active {
    border: none;
    color: #d7d7d7
}

.S_palace {
    font-size: .6rem;
    color: #FFF;
    padding: 2px 4px;
    position: absolute;
    left: 0;
    top: 1rem
}

.Markt_stock_title,.SH_stock_head {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .75rem
}

.S_palace.active {
    background-color: #157EEA
}

.Markt_stock_title {
    color: #888;
    overflow: hidden;
    font-size: .7rem;
    background-color: #edeef2
}

.AM_hk_con .AM_hk_item,.SH_stock_head {
    background-color: #FFF;
    overflow: hidden
}

.Markt_stock_title span {
    float: left
}

.Markt_stock_name {
    width: 40%
}

.Markt_stock_price {
    width: 24%;
    text-align: right
}

.Markt_stock_change {
    width: 36%;
    text-align: right
}

.AM_rise_title.hide .In_drap_icon {
    -webkit-transform: rotate(0)
}

.Buy_arrow_btn,.TS_arrow_btn {
    -webkit-transform: rotate(180deg)
}

.SH_stock_head span {
    float: left;
    font-size: .7rem;
    color: #333
}

.SH_head_name1 {
    width: 25%
}

.SH_head_name2,.SH_head_name3 {
    width: 25%;
    text-align: center
}

.SH_head_name4 {
    width: 25%;
    text-align: right
}

.AM_hk_item em,.AM_hk_item strong {
    float: left;
    width: 100%;
    text-align: inherit
}

.AM_hk_con .AM_hk_item {
    height: 2.5rem;
    line-height: 1.7rem;
    padding: .4rem .75rem;
    position: relative
}

.AM_hk_item span {
    float: left;
    position: relative;
    height: 1.7rem;
    overflow: hidden
}

.AM_hk_item strong {
    font-size: .8rem;
    line-height: 1rem;
    color: #333
}

.AM_hk_item em {
    font-size: .5rem;
    line-height: .9rem;
    color: #888
}

.AM_hk_item.up .SH_head_name2 em,.AM_hk_item.up .SH_head_name3 em {
    color: #ec1e1e
}

.AM_hk_item.down .SH_head_name2 em,.AM_hk_item.down .SH_head_name3 em {
    color: #4caf50
}

.AM_hk_item .SH_head_name4 em {
    font-size: .8rem;
    display: inline-block;
    width: 4rem;
    float: right;
    vertical-align: top;
    text-align: center;
    color: #333;
    height: 1.7rem;
    line-height: 1.7rem
}

.AM_hk_item.up .SH_head_name4 em {
    color: #FFF;
    background-color: #ec1e1e
}

.AM_hk_item.down .SH_head_name4 em {
    color: #FFF;
    background-color: #4caf50
}

.AM_spl_con {
    overflow: hidden;
    padding: 0 1.5%;
    background-color: #FFF
}

.AM_spl_item {
    height: 3rem;
    padding: .4rem .75rem;
    float: left;
    width: 50%;
    text-align: center;
    position: relative
}

.AM_spl_hk hr {
    height: 2rem;
    width: 1px;
    border: none;
    position: absolute;
    left: 0;
    top: .2rem;
    background-color: #ccc
}

.AM_spl_item h3 {
    font-size: .7rem;
    color: #888;
    line-height: 1rem
}

.AM_spl_item p {
    color: #333;
    font-size: .7rem;
    line-height: 1.2rem
}

.AM_spl_item p em {
    font-size: .8rem
}

@media only screen and (min-height: 569px) and (max-height:667px) {
    .down .AM_total_index span,.up .AM_total_index span {
        left:17%
    }
}

@media only screen and (min-height: 481px) and (max-height:568px) {
    html {
        font-size:18px
    }

    .down .AM_total_index span,.up .AM_total_index span {
        left: 16%
    }
}

@media only screen and (max-height: 480px) {
    html {
        font-size:16px
    }

    .down .AM_total_index span,.up .AM_total_index span {
        left: 19%
    }
}

.content .page.fade {
    left: 0;
    right: 0;
    height: 100%;
    opacity: 1
}

.content .page.fade.ng-enter,.content .page.fade.ng-leave {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.Buy_arrow_btn,.Buy_more_info,.DQ_bot_line {
    -webkit-transition: all .2s ease-in-out
}

.content .page.fade.ng-enter {
    opacity: 0
}

.content .page.fade.ng-enter-active,.content .page.fade.ng-leave {
    opacity: 1
}

.content .page.fade.ng-leave-active {
    opacity: 0
}

.addthis_toolbox>a {
    float: none!important;
    display: inline-block;
    vertical-align: top
}

.Buy_usable_money span,.tab_btn {
    float: right
}

.addthis_toolbox .addthis_counter {
    width: 32px!important
}

.lx-fade-in {
    opacity: 0;
    animation: fadein 2s
}

.lx-fade-out {
    opacity: 1;
    animation: fadeout 2s
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.Buy_w {
    background-color: #f6f5fa
}

.Buy_header {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    text-align: center;
    font-size: .8rem;
    overflow: hidden;
    padding: 0 .8rem 0 .55rem;
    border-bottom: 1px solid #f1f2f5;
    position: relative;
    z-index: 1000
}

.Buy_header a {
    color: inherit
}

.Buy_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem;
    background-position: -.6rem .15rem
}

.BUY_refresh {
    position: absolute;
    right: .6rem;
    top: .5rem;
    width: 1.3rem;
    height: 1.3rem;
    background-position: -3rem -.6rem
}

.Buy_w .BUY_refresh {
    right: .7rem;
    width: 1.1rem;
    height: 1.1rem;
    background-size: 10rem;
    background-position: -2.3rem -.5rem
}

.tab_btn {
    width: 1.4rem;
    height: 1.3rem;
    background-position: -6.2rem -.65rem;
    margin-top: .5rem
}

.Buy_usable_money {
    color: #868686;
    font-size: .7rem;
    height: 2.2rem;
    line-height: 2.2rem;
    padding: 0 .75rem;
    overflow: hidden;
    background-color: #FFF;
    margin-top: 11px
}

.Buy_usable_money i {
    font-size: .6rem
}

.Buy_useablemoney {
    color: #868686;
    font-size: .7rem;
    height: 2rem;
    line-height: 2rem;
    text-align: right;
    padding-right: .85rem
}

.Buy_useablemoney em {
    color: #333
}

.Buy_usable_money em {
    padding-left: .15rem
}

.Buy_usable_money img {
    width: 6px;
    height: 11px;
    margin-left: .3rem;
    margin-top: -.1rem;
    vertical-align: middle
}

.Buy_feedback_list {
    position: absolute;
    width: -webkit-calc(100% - 3.05rem);
    left: 2.45rem;
    top: -webkit-calc(100% - .6rem);
    border: 1px solid #CCC;
    border-top: none;
    background-color: #FFF;
    z-index: 100;
    display: none
}

.Buy_feedback_list.active {
    display: block
}

.Buy_feedback_item {
    color: #CCC;
    height: .8rem;
    line-height: .8rem;
    padding-left: .2rem
}

.Buy_query_con {
    z-index: 1000;
    background-color: #FFF
}

.Buy_query_con strong {
    font-size: .6rem;
    position: absolute;
    top: .7rem;
    left: 6.5rem;
    z-index: 1000
}

.Buy_w .Buy_stockCode {
    width: 80%;
    width: -webkit-calc(100% - 3.5rem);
    border: 1px solid #f1f2f5;
    border-radius: 5px;
    height: 1.5rem;
    vertical-align: middle;
    padding-left: 1.85rem;
    margin: .3rem .75rem;
    background-position: -10.8rem -.3rem;
    background-color: #fafafa;
    color: #333;
    text-indent: .2rem;
    font-size: .6rem;
    position: relative;
    z-index: 1000
}

.Buy_w .Buy_cancel,.stock-name {
    position: absolute;
    z-index: 1001
}

.Buy_clean {
    padding: .425rem;
    z-index: 1001;
    display: none
}

.Buy_stockCode::-webkit-placeholder {
    font-size: .7rem
}

.stock-name {
    right: 5.5rem;
    top: .55rem
}

.Buy_w .Buy_cancel {
    font-size: .6rem;
    color: #157EEA;
    right: 3.5rem;
    top: .25rem;
    padding: .4rem;
    display: none
}

.Buy_query_list {
    width: -webkit-calc(100% - 1.5rem);
    margin: 0 auto
}

.Buy_query_item {
    border-bottom: 1px solid #f1f2f5;
    background-color: #FFF;
    font-size: .8rem;
    color: #333;
    height: 2rem;
    line-height: 2rem
}

.Buy_query_item em {
    margin-right: .4rem
}

.Buy_w .Buy_query_wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding-top: 1.95rem;
    background-color: #FFF;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.l_app.l_ios .Buy_w .Buy_query_wrap {
    padding-top: 5rem
}

.l_app .Buy_w .Buy_query_wrap {
    padding-top: 4rem
}

.Buy_optional {
    color: #157EEA;
    position: relative;
    right: .5rem;
    font-size: .8rem
}

.Buy_query_wrap h2 {
    padding-left: .75rem;
    font-size: .7rem;
    background-color: #edeef2;
    color: #333;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .2rem
}

.Buy_query_wrap.active h2 {
    display: block
}

.Buy_more_info {
    height: 0;
    font-size: .6rem;
    overflow: hidden;
    background-color: #FFF;
    text-align: center;
    padding-top: .3rem;
    position: relative
}

.Buy_more_info.active {
    height: 4.5rem
}

.Buy_table_head {
    font-size: .6rem;
    color: #333;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: left;
    padding-left: .75rem;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.Buy_buying_title,.Buy_price,.Buy_price_con em,.Buy_transform,table td {
    text-align: center
}

.Buy_table_head em,.Buy_table_head span,.Buy_table_head strong {
    float: left
}

.Buy_table_head strong {
    margin-left: .7rem;
    font-size: .6rem
}

.Buy_table_head.up em {
    color: #f44336
}

.Buy_table_head.down em {
    color: #66b869
}

.Buy_drop_con {
    position: relative;
    height: 1.3rem;
    background-color: #FFF
}

.Buy_arrow_btn {
    border: none;
    position: absolute;
    bottom: .3rem;
    right: 49%;
    color: #43a0f0;
    font-size: .6rem;
    width: 20px;
    height: 20px;
    padding: 9px 4px 4px
}

.active.Buy_arrow_btn {
    -webkit-transform: rotate(0)
}

table td {
    color: #8f8f8f;
    width: 33%;
    height: .8rem;
    line-height: .8rem
}

.Buy_change_price,.Buy_new_price {
    width: 50%;
    padding: 0 3% .6rem;
    float: left
}

.Buy_w .Buy_change_price td:nth-child(2),.Buy_w .Buy_change_price td:nth-child(3),.Buy_w .Buy_new_price td:nth-child(2) {
    color: #f44336
}

.Buy_w .Buy_new_price td:nth-child(3) {
    color: #63b766
}

.Buy_buying_con {
    height: 12.6rem;
    background-color: #FFF;
    padding: 1.4rem 0 1.4rem .75rem;
    position: relative;
    border-top: 1px solid #f1f2f5;
    border-bottom: 1px solid #f1f2f5
}

.Buy_num_con,.Buy_percent_con,.Buy_price_con {
    font-size: .8rem
}

.Buy_price_left {
    width: 20%;
    display: inline-block;
    float: left
}

.Buy_num_con,.Buy_price_con {
    height: 2.2rem;
    line-height: 2.2rem
}

.Buy_price_con em {
    display: inline-block;
    background-color: #157EEA;
    height: 2.2rem;
    line-height: 2rem;
    width: 14%;
    color: #FFF;
    float: left;
    font-size: 1.6rem;
    font-family: 宋体
}

.Buy_price,.Buy_stock_num {
    height: 2.2rem;
    font-size: .8rem
}

.Buy_reduce {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 2rem
}

.Buy_add {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.Buy_price {
    width: 30%;
    color: #333;
    float: left;
    border: none;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada
}

.Buy_num_con {
    height: 2.2rem;
    position: relative;
    line-height: 2.2rem;
    margin-top: .6rem
}

.Buy_stock_num {
    width: 75%;
    border: 1px solid #f1f2f5;
    border-radius: 5px;
    text-indent: .2rem
}

.Buy_max_num {
    position: absolute;
    right: 9%;
    top: 0;
    font-weight: 400;
    line-height: 2.2rem;
    font-size: .7rem;
    color: #d5d5d5
}

.Buy_percent_con {
    height: 2rem;
    padding-top: .8rem;
    color: #43a0f0;
    padding-right: 1%
}

.Buy_percent_con span {
    width: 16%;
    height: 1.55rem;
    line-height: 1.5rem;
    float: right;
    text-align: center;
    display: inline-block;
    border: 1px solid #157EEA;
    margin-right: 4%;
    border-radius: 5px
}

.Buy_buying,.Buy_convert {
    position: absolute;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 5px;
    color: #FFF;
    font-size: .85rem;
    font-weight: 700;
    bottom: 1rem
}

.Buy_percent_con .active {
    background-color: #157EEA;
    color: #FFF
}

.Buy_buying {
    width: 58%;
    right: 0;
    margin-right: .8rem;
    background-color: #43a0f0;
    border: none
}

.Buy_active.tapped,.Buy_buying.tapped {
    background-color: #5ca5f0
}

.Buy_convert.tapped {
    background-color: rgba(253,115,39,.7)
}

.Buy_convert {
    width: 28%;
    left: 0;
    margin-left: .8rem;
    background-color: #fd7327;
    border: none
}

.Buy_convert span {
    display: inline-block;
    width: 1.6rem;
    height: 1.4rem;
    vertical-align: middle;
    -webkit-transform: translateY(-.1rem);
    background-position: -6.2rem -8.05rem
}

.Buy_Mbuying {
    float: right
}

.Buy_transform {
    margin-top: 2rem
}

.Buy_transform a {
    text-decoration: underline;
    color: #999
}

.Buy_popup_con {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: none;
    overflow: hidden
}

.Buy_popup_con .active,.Buy_popup_con.active {
    display: block
}

.Buy_no_money,.Buy_sure_con {
    display: none
}

.Buy_popup {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    z-index: 2000;
    width: 100%;
    padding: 0 .875rem 1.5rem;
    background-color: #fafafa;
    color: #333;
    font-size: .8rem;
    height: 64%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.Buy_close_btn {
    float: right;
    width: 1.4rem;
    height: 1.4rem;
    margin-top: .2rem;
    background-position: -2.8rem -2.6rem
}

.Buy_buying_title {
    height: 2.475rem;
    line-height: 2.475rem;
    font-size: .8rem;
    overflow: hidden
}

.Buy_details_item {
    text-align: left;
    color: #a4a4a4;
    font-size: .8rem;
    height: 2.75rem;
    line-height: 2.75rem;
    border-bottom: 1px dashed #979797
}

.Buy_details_item strong {
    float: right;
    color: #333
}

.Buy_details_sure {
    margin: 2.4rem 0 0;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .9rem;
    text-align: center;
    color: #FFF;
    background-color: #157eea;
    border-radius: 5px
}

.Buy_limit_name {
    width: 100%;
    overflow: hidden;
    padding: 0 22% 0 3.6rem;
    height: 2rem;
    line-height: 1.6rem
}

.Buy_limit_name span {
    color: #d1d1d1;
    margin-right: 2px
}

.Buy_min_limit {
    color: #66b869
}

.Buy_max_limit {
    color: #f44336;
    float: right
}

.Buy_m_price {
    border: 1px solid #157EEA;
    border-radius: 5px;
    color: #157EEA;
    display: inline-block;
    height: 2.2rem;
    width: 15%;
    text-align: center;
    margin-left: 2%
}

.Buy_m_price.active {
    color: #FFF;
    background-color: #43a0f0
}

.Buy_add.active,.Buy_reduce.active {
    color: #157EEA;
    background-color: #FFF;
    border: 1px solid #f1f2f5
}

footer {
    height: 5.5rem;
    background-color: #fafafa
}

.B_buy_item,.B_tab_item {
    height: 2.6rem;
    line-height: 2.6rem;
    float: left
}

.Buy_w .AM_oprate_con {
    background-color: #FFF;
    text-align: center;
    color: #157EEA;
    overflow: hidden;
    font-size: .75rem;
    border-top: 1px solid #f1f2f5
}

.B_tab_item {
    width: 35.33%
}

.B_buy_item {
    width: 64.66%
}

.B_buy_item.active {
    background-color: #157EEA;
    color: #FFF
}

.B_tab_item img {
    width: 1.1rem;
    height: 1.1rem;
    vertical-align: middle;
    margin-right: .2rem
}

@media only screen and (min-height: 481px) and (max-height:568px) {
    html {
        font-size:18px
    }

    .r_num {
        padding-left: 10%
    }
}

.DQ_w {
    background-color: #f6f5fa
}

.DQ_header,.DQ_tab_item {
    font-size: .8rem;
    background-color: #fafafa
}

.DQ_header {
    height: 2.25rem;
    line-height: 2.25rem;
    color: #333;
    text-align: center;
    overflow: hidden;
    padding: 0 .8rem 0 .55rem;
    border-bottom: 1px solid #f1f2f5
}

.DQ_header a {
    color: inherit
}

.DQ_header strong {
    font-weight: 700
}

.DQ_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem;
    background-position: -.6rem .15rem
}

.DQ_tab_con {
    overflow: hidden;
    position: relative
}

.DQ_tab_item {
    height: 2.45rem;
    line-height: 2.45rem;
    color: #888;
    width: 50%;
    border: none;
    float: left
}

.DQ_bot_line,.DQ_tab_item.active {
    color: #157EEA
}

.DQ_bot_line {
    width: 50%;
    height: 3px;
    line-height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    background-color: #157EEA;
    border: none
}

.DQ_history_icon,.DQ_today_icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.45rem;
    margin-right: .25rem
}

.DQ_today_icon {
    background-position: -19.9rem -6.26rem
}

.DQ_history_icon {
    background-position: -16.1rem -11.16rem
}

.active .DQ_today_icon {
    background-position: -16.1rem -6.26rem
}

.active .DQ_history_icon {
    background-position: -19.9rem -11.16rem
}

.DQ_tab_wrap {
    position: relative
}

.DQ_history_con,.DQ_today_con {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    display: none
}

.DQ_history_con.active,.DQ_today_con.active {
    display: block
}

.DQ_stock_list {
    background-color: #fff
}

.DQ_stock_item {
    height: 3.8rem;
    padding: 0 .8rem;
    overflow: hidden;
    position: relative
}

.DQ_trade_tag,.DQ_withdrawals_tag {
    width: 4rem;
    height: .75rem;
    line-height: .75rem;
    color: #FFF;
    position: absolute;
    top: 0;
    right: .8rem;
    text-align: center;
    font-size: 12px;
    background-size: 100% .75rem;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible
}

.DQ_trade_tag {
    background-image: url(../img/mianyong_bg.png)
}

.DQ_withdrawals_tag {
    background-image: url(../img/dealing_bg.png)
}

.DQ_stock_item h3 {
    height: 2.4rem;
    line-height: 2.8rem;
    font-size: .8rem;
    overflow: hidden
}

.DQ_stock_item h3 strong {
    margin-right: .2rem
}

.DQ_stock_item h3 a {
    margin-right: .2rem;
    width: 1rem;
    height: 1rem;
    line-height: .9rem;
    display: inline-block;
    text-align: center;
    font-size: .6rem;
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%
}

.DQ_stock_item .DQ_buy {
    color: #ea2524;
    border: 1px solid #ea2524
}

.DQ_stock_item .DQ_sale {
    color: #89ca8c;
    border: 1px solid #89ca8c
}

.DQ_stock_item .DQ_recharege {
    color: #228fff;
    border: 1px solid #228fff
}

.DQ_stock_item .DQ_withdrawals {
    color: #ff7200;
    border: 1px solid #ff7200
}

.DQ_stock_item h3 span {
    float: right
}

.TD_w .DQ_stock_item h3 span {
    font-weight: 400
}

.AM_header strong,.AN_header strong,.II_asset::after,.MFW_header strong,.PD_buy,.PD_header strong,.PD_sell,.PI_header strong,.TD_tips span {
    font-weight: 700
}

.DQ_stock_item p {
    font-size: .6rem;
    overflow: hidden
}

.DQ_stock_item p span {
    color: #888
}

.DQ_stock_item p em {
    margin: 0 2% 0 1%
}

.DQ_stock_item p strong {
    float: right;
    color: #888
}

.DQ_stock_item p i {
    margin-left: .5rem;
    color: #333
}

.DQ_stock_item div {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .6rem;
    color: #888
}

.DQ_stock_item div span {
    margin: 0 .65rem;
    padding: 2px 4px;
    background-color: #157EEA;
    color: #FFF;
    border-radius: 10px
}

.DQ_date_begin,.DQ_date_end,.DQ_date_search {
    padding: .8rem 0;
    text-align: center;
    float: left
}

.DQ_stock_item div i {
    margin-left: .35rem
}

.DQ_date_con {
    overflow: hidden;
    margin: 20px 0;
    background-color: #FFF;
    color: #157EEA
}

.DQ_date_begin,.DQ_date_end {
    width: 43%
}

.DQ_date_search .btn {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 2.5rem;
    background-color: #157eea;
    color: #FFF;
    border: none;
    border-radius: 5px;
    font-size: .7rem;
    padding: 0 9px
}

.DQ_date_con span {
    font-size: .6rem;
    color: #157EEA
}

.DQ_date_con input {
    font-size: .8rem;
    color: #157EEA;
    border: none;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.DQ_date_con h3 {
    margin-top: .5rem;
    position: relative;
    height: 1rem
}

.AN_back_btn,.MFW_back_btn,.PI_back_btn {
    position: absolute;
    left: .55rem;
    background-position: -.6rem .15rem
}

.TD_tips {
    font-size: .7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    color: #888;
    padding-left: .8rem
}

.TD_tips span {
    border-radius: 50%;
    color: #157EEA;
    font-size: .9rem;
    display: inline-block;
    height: 1.1rem;
    width: 1.1rem;
    vertical-align: middle;
    text-align: center;
    line-height: 1.1rem;
    margin: 0 .5rem 0 .3rem;
    border: 1px solid #157EEA
}

.MFW_header,.MFW_w {
    background-color: #fafafa;
    color: #333
}

.AN_header,.MFW_header,.PI_header {
    text-align: center;
    border-bottom: 1px solid #f1f2f5;
    overflow: hidden
}

.MFW_header {
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: .8rem;
    padding: 0 .8rem 0 .55rem
}

.MFW_back_btn {
    padding-left: .9rem
}

.MFW_list {
    background-color: #FFF
}

.MFW_item {
    height: 3.9rem;
    padding: .82rem .85rem 0
}

.MFW_item h3 {
    font-size: .8rem;
    height: 1rem;
    overflow: hidden
}

.MFW_item h3 span {
    float: left
}

.MFW_item h3 em {
    float: right
}

.MFW_item p {
    height: 1.7rem;
    line-height: 1.7rem;
    color: #888;
    overflow: hidden
}

.MFW_item p span {
    float: left;
    font-size: .7rem
}

.MFW_item p em {
    float: right;
    color: #157EEA
}

.AN_w,.AP_w,.BI_w,.IDA_w,.IE_w,.II_w,.IT_w,.PI_w {
    background-color: #f6f5fa;
    color: #333
}

.AN_header,.PI_header {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    font-size: .8rem;
    padding: 0 .8rem 0 .55rem
}

.AN_header a,.PI_header a {
    color: inherit
}

.AN_back_btn,.PI_back_btn {
    padding-left: .9rem
}

.PI_haed_con {
    height: 7.125rem;
    background-color: #FFF;
    padding: .65rem .75rem 0;
    margin-top: .6rem
}

.PI_head {
    height: 3.625rem;
    line-height: 3.625rem;
    overflow: hidden;
    position: relative;
    font-size: .8rem;
    color: #333
}

.PI_nickname,.PI_realInfo_item {
    line-height: 2.2rem;
    font-size: .8rem
}

.PI_head_img {
    height: 3rem;
    margin-top: .3rem;
    float: right;
    border: 1px solid #eee;
    border-radius: 8px
}

.PI_turnright {
    width: 6px;
    height: 11px;
    float: right;
    margin: 1.4rem 0 0 .8rem
}

.PI_nickname {
    height: 2.2rem;
    margin-top: .6rem
}

.PI_nickname span {
    color: #888;
    float: right
}

.PI_nickname .PI_turnright {
    margin: .8rem 0 0 .8rem
}

.PI_head input {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 100;
    margin-top: .3rem
}

.PI_realInfo_con {
    height: 8.85rem;
    background-color: #FFF;
    padding: 0;
    margin-top: .6rem
}

.PI_psw_con .PI_turnright,.PI_realInfo_item .PI_turnright {
    margin: .8rem 0 0 .8rem
}

.PI_realInfo_item {
    height: 2.2rem;
    overflow: hidden;
    padding: 0 .75rem
}

.PI_realInfo_item span {
    float: right;
    color: #888
}

.PI_realname_tips {
    height: 2.125rem;
    color: #888;
    line-height: 1.6rem;
    padding-left: .85rem;
    font-size: .6rem
}

.AN_newName input,.PI_psw_con {
    background-color: #FFF;
    font-size: .8rem
}

.PI_psw_con {
    height: 2.3rem;
    line-height: 2.3rem;
    overflow: hidden;
    padding: 0 .75rem
}

.PI_psw_con span {
    float: right;
    color: #888
}

.AN_save {
    position: absolute;
    right: .8rem
}

.AN_newName {
    margin-top: .6rem;
    position: relative;
    overflow: hidden
}

.AN_newName input {
    width: 100%;
    border: none;
    height: 2.4rem;
    padding: 0 .8rem
}

.AN_newName img {
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: .95rem;
    top: .65rem
}

.A_quitAbord_con {
    margin-top: 22px;
    padding: 0 .75rem .6rem
}

.A_quitAbord_con button {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #157eea;
    color: #FFF;
    border: none;
    border-radius: 5px;
    font-size: .9rem
}

.IDC_left h3,.IDC_left p {
    font-size: .6rem;
    text-align: center
}

.A_quitAbord_con button.tapped {
    background-color: #5ca5f0
}

.IDC_wrap {
    padding: 1.3rem .75rem 0
}

.IDC_item {
    width: 100%;
    height: 6rem;
    overflow: hidden;
    margin-bottom: 1.1rem
}

.IDC_left,.IDC_right {
    float: left;
    width: 77.25%;
    height: 6rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.II_cb_l::after,.II_cb_r::after,.OAA_head span::after {
    background-repeat: no-repeat;
    background-size: 13px 11px
}

.IDC_right {
    float: right;
    width: 17.5%;
    height: 6rem
}

.IDC_left h3 {
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 1.3rem
}

.IDC_left p {
    color: #bab9b9;
    width: 140%;
    left: -20%;
    position: absolute;
    bottom: .4rem;
    -webkit-transform: scale(.7,.7)
}

.IDC_01 {
    background-image: url(../img/idc_01.jpg)
}

.IDC_02 {
    background-image: url(../img/idc_02.jpg)
}

.IDC_03 {
    background-image: url(../img/idc_03.jpg)
}

.IDC_04 {
    background-image: url(../img/idc_04.jpg)
}

.IDC_05 {
    background-image: url(../img/idc_05.jpg)
}

.IDC_06 {
    background-image: url(../img/idc_06.jpg)
}

.IDC_tip {
    font-size: 12px;
    color: #888;
    line-height: 20px
}

.IDC_btn {
    width: 100%;
    height: 2.2rem;
    border-radius: 5px;
    line-height: 2.2rem;
    background-color: #157EEA;
    color: #FFF;
    font-size: .8rem;
    text-align: center;
    margin: 2rem 0 .8rem
}

.IDC_btn.disabled,.IDC_btn:disabled {
    background-color: #eaeaea
}

.IDC_upload {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 100
}

.IDC_preview_con {
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100%;
    position: relative;
    background-color: #FFF
}

.IDA_checking,.IDC_preview_con.active {
    display: block
}

.IDC_preview_con.active img {
    vertical-align: middle;
    height: 50%;
    width: auto;
    margin-top: 1.6rem
}

.IDC_preview_con.done img {
    height: 100%;
    margin: 0
}

.IDC_big_pre {
    position: absolute;
    width: auto;
    height: 77%;
    top: 7%;
    left: 50%;
    -webkit-transform: translateX(-50%)
}

.IDA_head_con {
    height: 10.75rem;
    text-align: center;
    padding: 1rem .75rem
}

.IDA_head_con img {
    height: 6.75rem
}

.IDA_head_con p {
    margin-top: 1rem;
    text-align: center;
    color: #333;
    font-size: .7rem
}

.IDA_checking {
    margin: 0 auto
}

.IDA_done,.approved .IDA_checking {
    display: none
}

.PD_position_con,.approved img.IDA_done {
    display: inline-block
}

.approved p.IDA_done {
    display: block
}

.IDA_item {
    height: 2.5rem;
    line-height: 2.5rem;
    color: #333;
    font-size: .8rem;
    overflow: hidden;
    background-color: #FFF
}

.IDA_item strong {
    float: right;
    color: #888;
    font-size: .7rem
}

.OAA_w .URI_bank_con,.OAA_w .realname_item {
    font-size: .8rem
}

.OAA_title {
    font-size: 1rem;
    text-align: center;
    padding-top: 2.2rem
}

.OAA_icon_con {
    text-align: center;
    padding: 3.55rem 0 1rem
}

.OAA_head_icon {
    width: 74.2%
}

.OAA_state {
    font-size: .7rem;
    text-align: center;
    color: #666
}

.OAA_btn {
    margin-top: 5rem
}

.OAA_head {
    background-color: #157eea;
    color: #d0cfcf;
    text-align: center;
    font-size: .75rem;
    padding: 0 1.2rem;
    width: 100%;
    display: table;
    border-bottom: 2.2rem solid #F4F4F4
}

.BI_uploadID,.II_w .URI_bank_con .URI_bank_list,.II_w .URI_bank_con span,.OAA_head strong {
    font-size: .8rem
}

.OAA_head span.active,.OAA_head strong.active {
    color: #FFF
}

.OAA_head span::after {
    content: ' ';
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    border: 1px solid #FFF;
    background-color: #d0d0d0;
    background-image: url(../img/stick_done_icon.png);
    background-position: .25rem .35rem;
    position: absolute;
    left: 50%;
    top: 100%;
    margin: -.6rem 0 0 -.6rem
}

.OAA_head span.done::after {
    background-color: #157eea
}

.OAA_head span,.OAA_head strong {
    display: table-cell;
    line-height: 2.85rem;
    height: 2.85rem;
    position: relative
}

.OAA_head strong {
    padding: 0 .4rem;
    overflow: hidden;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap
}

.OAA_head strong img {
    width: 2.5rem;
    vertical-align: middle
}

.BI_uploadID {
    height: 2.5rem;
    line-height: 2.5rem;
    color: #157EEA;
    text-align: center;
    background-color: #FFF
}

.BI_w .realname_item span {
    width: 5rem
}

.BI_w .realname_item input {
    padding-left: 5.2rem
}

.AP_w .next_step,.BI_w .next_step,.II_w .next_step {
    margin-top: 2.2rem;
    margin-bottom: .6rem
}

.II_w .URI_bank_con .URI_bank_list {
    padding-left: 6rem;
    color: #888;
    font-size: .8rem
}

.II_w .realname_item strong {
    float: right;
    font-size: .7rem;
    color: #888;
    width: auto;
    padding: 0 1.75rem 0 4rem
}

.II_w .realname_item strong em+em {
    padding-left: 4px
}

.II_w .realname_item strong em+em::before {
    content: '/';
    position: relative;
    left: -2px
}

.II_asset::after {
    content: 'i';
    position: absolute;
    right: -1.5rem;
    top: .65rem;
    width: .9rem;
    height: .9rem;
    border: 1px solid #157EEA;
    color: #157EEA;
    line-height: .9rem;
    font-size: .6rem;
    text-align: center;
    border-radius: 50%
}

.II_cb_l::after,.II_cb_r::after {
    content: '';
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 5px;
    background-color: #ccc;
    background-image: url(../img/stick_done_icon.png);
    background-position: .3rem .35rem;
    position: absolute;
    top: .45rem
}

.ABC_select_bank_con::after,.BL_card_item:before,.TA_deal_query:before {
    content: ' '
}

.II_cb_l::after {
    left: .75rem
}

.II_cb_r::after {
    right: .75rem
}

.II_cb_l:checked,.II_cb_r:checked {
    background: 0 0
}

.AM_back_btn,.PD_back_btn {
    background-position: -.6rem .15rem
}

.ABC_select_bank_con::after,.BL_card_item:before,.TA_deal_query:before,.buying_sp {
    background-repeat: no-repeat
}

.II_cb_l:checked::after,.II_cb_r:checked::after {
    background-color: #06f
}

.AP_w .AP_protocol input {
    width: 2.3rem;
    padding: 0
}

.AP_protocol p {
    margin-left: 2.4rem;
    line-height: 2.3rem
}

.AP_signature_con {
    background-color: #FFF;
    padding: 0 .75rem .7rem
}

.AP_signature_con h2 {
    font-size: .8rem;
    overflow: hidden;
    line-height: 2.5rem
}

.AP_signature_con h2 strong {
    float: right
}

.AP_signature_con h2 img {
    height: .9rem;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -3px
}

.AP_canvas_con {
    width: 100%;
    height: 12rem;
    border-radius: 3px;
    background-color: #e4e4e4
}

.AP_tip {
    font-size: .65rem;
    color: #888;
    line-height: .9rem
}

.IE_w .URI_bank_list {
    padding-left: 6rem;
    font-size: .8rem;
    color: #888
}

.IE_w .URI_bank_con span {
    width: 6rem
}

@media only screen and (min-height: 481px) and (max-height:568px) {
    html {
        font-size:18px
    }

    .OAA_head>strong img {
        width: 2.3rem
    }
}

.P_w {
    background-color: #f6f5fa
}

.AM_header {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    text-align: center;
    font-size: .8rem;
    overflow: hidden;
    padding: 0 .8rem 0 .55rem;
    border-bottom: 1px solid #f1f2f5
}

.AM_header a {
    color: inherit
}

.AM_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem
}

.P_w .AM_header {
    border-bottom: none
}

.Buy_query_con {
    font-size: .7rem;
    color: #666;
    position: relative
}

.Buy_stockCode {
    width: -webkit-calc(100% - 1.2rem);
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    height: 1.85rem;
    vertical-align: middle;
    padding-left: 1.85rem;
    margin: .6rem;
    background-position: -10.8rem -.1rem;
    background-color: #FFF;
    color: #333;
    text-indent: .2rem;
    font-size: .8rem
}

.Buy_clean {
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: .95rem;
    top: 1rem;
    opacity: 0
}

.Buy_stockCode::-webkit-placeholder {
    color: #CCC
}

.P_w .nation_flag {
    margin-right: 4px
}

.In_entrust_item h3 em,.In_myp_item h3 em {
    padding: 0
}

.In_my_position_con {
    margin-bottom: 1rem
}

.P_stock_title {
    padding: 0 .75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #888;
    overflow: hidden;
    font-size: .7rem;
    background-color: #edeef2
}

.P_stock_title span {
    float: left
}

.P_stock_name {
    width: 36%
}

.P_stock_price {
    width: 28%;
    text-align: center
}

.P_stock_change {
    width: 36%;
    text-align: right
}

.P_item {
    height: 3.2rem;
    width: 100%;
    padding: 0 .75rem
}

.P_item h3,.P_item p {
    height: 1.6rem;
    overflow: hidden
}

.P_item h3 {
    line-height: 2rem
}

.P_item h3 strong {
    width: 36%;
    float: left;
    font-size: .8rem
}

.P_item p strong,.P_item_cc,.P_item_yk {
    font-size: .6rem;
    float: left
}

.P_item p strong {
    width: 36%
}

.P_item p {
    line-height: 1rem
}

.P_item_cc {
    width: 28%;
    text-align: center
}

.P_item_yk {
    width: 36%;
    text-align: right
}

.P_item.up .P_item_yk {
    color: #ec1e1e
}

.P_item.down .P_item_yk {
    color: #4caf50
}

.PD_w {
    background-color: #f6f5fa;
    color: #333
}

.PD_w .container,.TS_w .container {
    padding-top: 2.25rem
}

.PD_head {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    text-align: center;
    font-size: .8rem;
    overflow: hidden;
    padding: 0 .8rem;
    border-bottom: 1px solid #f1f2f5
}

.l_app .PD_head {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1999;
    background-color: #121b24;
    color: #fff;
    border-bottom: 1px solid #121b24
}

.l_app .PD_position_item h3 {
    color: #fff
}

.PD_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem
}

.PD_deal_icon {
    position: absolute;
    right: .8rem;
    top: .4rem;
    width: 1.4rem;
    height: 1.4rem;
    background-position: -9.44rem -5.65rem
}

.PD_position_con {
    position: relative;
    height: 2.2rem;
    margin: 0 auto
}

.PD_position_con a {
    position: absolute;
    width: .45rem;
    height: .7rem;
    top: .7rem
}

.PD_position_item,.PD_position_list {
    width: 100%;
    height: 100%
}

.PD_arrowLeft {
    left: -1rem;
    background-position: -.68rem -8rem
}

.PD_arrowRight {
    right: -1.1rem;
    background-position: -3.15rem -8rem
}

.PD_position_list {
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.PD_position_item h3 {
    max-width: 100%;
    height: 1.2rem;
    padding-top: .2rem;
    line-height: 1.1rem;
    font-size: .7rem;
    color: #333;
    white-space: nowrap
}

.PD_w .PD_position_item h3 {
    line-height: 2.1rem;
    margin: 0
}

.PD_position_item h3 em {
    font-size: .7rem
}

.PD_position_item p {
    height: 1rem;
    line-height: .8rem;
    font-size: .6rem;
    color: #CCC
}

.PD_position_item span {
    padding: 1px 2px;
    background-color: #157eea;
    color: #FFF;
    margin-left: .2rem
}

.PD_position_item .nation_flag {
    margin-right: 3px;
    vertical-align: top
}

.ASA_btn_con button img,.In_tips,.RC_payway_title img,.TS_oprate_con em,.WD_allselect,.ZA_brokerage img,.id_info img,.pull-to-refresh p {
    vertical-align: middle
}

.PD_detail_con {
    padding: .1rem .5rem 0;
    background-color: #FFF;
    overflow: hidden
}

.TS_detail_con {
    float: left;
    width: 35%
}

.PD_detail_price {
    text-align: center;
    color: #ccc;
    font-size: .8rem;
    height: 2rem;
    line-height: 2.4rem;
    width: 100%;
    overflow: hidden
}

.TS_w .PD_detail_price,.TS_w .PD_info_list {
    float: left;
    text-align: left
}

.PD_detail_left {
    float: left;
    width: 33.33%;
    text-align: center
}

.PD_detail_right {
    float: right
}

.PD_detail_lh {
    line-height: 3.1rem
}

.PD_detail_price strong {
    font-size: 1.7rem
}

.PD_detail_price em {
    font-size: 1.2rem
}

.up .PD_detail_rate,.up .PD_num_color em,.up.PD_detail_price em,.up.PD_detail_price strong {
    color: #ec1e1e
}

.down .PD_detail_rate,.down .PD_num_color em,.down.PD_detail_price em,.down.PD_detail_price strong {
    color: #4caf50
}

.up .TS_change_bg {
    -webkit-animation: PD_upBg .5s ease-in-out backwards
}

.down .TS_change_bg {
    -webkit-animation: PD_downBg .5s ease-in-out backwards
}

@-webkit-keyframes PD_upBg {
    0%,100% {
        background-color: rgba(155,16,16,.2);
        color: #ec1e1e
    }

    50% {
        background-color: rgba(155,16,16,.7);
        color: #fff
    }
}

@-webkit-keyframes PD_downBg {
    0%,100% {
        background-color: rgba(6,125,11,.2);
        color: #4caf50
    }

    50% {
        background-color: rgba(6,125,11,.7);
        color: #fff
    }
}

.PD_detail_rate {
    font-size: .8rem;
    color: #CCC;
    margin-top: .7rem;
    text-align: center
}

.TS_w .PD_detail_rate {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: .9rem;
    white-space: nowrap
}

.PD_rate_num {
    margin-right: .2rem
}

.PD_info_list {
    margin-top: .5rem;
    overflow: hidden;
    display: block;
    width: 100%
}

.TS_w .PD_info_list {
    float: right;
    width: 64%;
    margin: 0
}

.PD_info_item {
    width: 47%;
    height: 2.08rem;
    font-size: .6rem;
    border-bottom: 1px dashed #CCC;
    color: #333;
    overflow: hidden;
    line-height: 1.95rem
}

.PD_border_none.PD_info_item {
    border: none
}

.TS_w .PD_info_item {
    line-height: 2.7rem
}

.TS_w .PD_info_top {
    line-height: 2.2rem
}

.PD_info_item span {
    color: #888;
    float: left
}

.PD_info_item em,.PD_info_item:nth-child(2n) {
    float: right
}

.PD_info_item:nth-child(2n+1) {
    float: left
}

.PD_trade_detail {
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: .7rem;
    color: #333;
    padding-left: .8rem
}

.PD_td_con {
    padding-bottom: .8rem
}

.PD_td_list {
    background-color: #FFF
}

.PD_td_item {
    height: 3.75rem;
    padding: .75rem .8rem;
    overflow: hidden
}

.PD_td_item h3 {
    font-size: .8rem;
    height: .8rem;
    line-height: .8rem
}

.PD_td_item h3 strong {
    color: #333;
    float: left
}

.PD_td_item h3 span {
    color: #888;
    float: right;
    font-size: .6rem
}

.PD_td_item p {
    margin-top: .6rem;
    height: .875rem;
    line-height: .875rem;
    color: #888;
    font-size: .6rem
}

.PD_td_item p em {
    color: #333
}

.PD_td_item p strong {
    float: left
}

.PD_td_item p .PD_right {
    float: right;
    font-size: 1rem
}

.PD_td_item p strong em {
    margin-left: .4rem
}

.PD_td_item p .PD_margin_right {
    margin-right: .8rem
}

.PD_trade_btn {
    border: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.75rem;
    line-height: 2.75rem;
    color: #FFF;
    background-color: #157eea;
    text-align: center;
    font-size: .9rem
}

.PD_trade_btn.tapped {
    background-color: #5CA5F0
}

.PD_trade_con {
    height: 3.3rem;
    line-height: 2.5rem;
    text-align: center;
    padding: 0 .8rem .8rem;
    overflow: hidden
}

.PD_buy,.PD_sell {
    height: 2.5rem;
    border-radius: 5px;
    font-size: .85rem;
    border: none;
    width: 45%;
    color: #FFF
}

.TS_fiveTab_item,.TS_more_info {
    font-size: .6rem;
    text-align: center
}

.PD_sell {
    float: left;
    background-color: #fd7327
}

.PD_sell.tapped {
    background-color: #FFB700
}

.PD_buy {
    float: right;
    background-color: #157EEA
}

.PD_buy.tapped {
    background-color: #5CA5F0
}

.PD_w .container,.TS_w .container {
    padding-bottom: 2.5rem
}

.TS_w .PD_detail_con {
    padding: .1rem .5rem .6rem
}

.TS_share_icon {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: .6rem;
    top: .45rem
}

.TS_shareTime_con {
    padding: 0 0 .5rem;
    background-color: #FFF;
    position: relative
}

.TS_shareTime_chart {
    height: 248px;
    padding: 0 4px
}

.TS_shareTime_line {
    width: 100%;
    height: 200px;
    position: relative
}

.TS_shareTime_bar {
    width: 70%;
    height: 90px;
    margin-top: 10px;
    position: relative;
    overflow: hidden
}

.TS_fiveTab_list {
    margin: 0 .2rem;
    overflow: hidden
}

.TS_fiveTab_item {
    float: left;
    height: 1.5rem;
    line-height: 1.5rem;
    width: 50%;
    color: #b4b4bc;
    background-color: #f7f7f7
}

.TS_fiveTab_item.active {
    color: #FFF;
    background-color: #157EEA
}

.TS_arrow_btn,.TS_more_info {
    background-color: #FFF;
    position: absolute
}

.TS_more_info {
    width: 27vw;
    overflow: visible;
    top: 2.35rem;
    right: .2rem;
    margin-top: .2rem;
    z-index: 100;
    -webkit-transition: all .1s ease-in-out
}

.Buy_table_head a {
    float: right;
    margin-right: .9rem;
    margin-top: .7rem;
    height: 1.4rem;
    width: 1.3rem;
    background-position: -3rem -.6rem
}

.Buy_up em {
    color: #f44336
}

.Buy_down em {
    color: #6dbb70
}

table th {
    width: 60%;
    text-align: left;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: .8rem;
    font-weight: 400
}

.In_tips,.RC_head strong,.RC_tips_info,.TA_header strong,.WD_head strong,.regist_head strong {
    font-weight: 700
}

.Buy_r_num {
    width: 40%;
    padding-left: 15%
}

.TS_more_info table tr {
    overflow: hidden
}

.TS_more_info table td {
    color: #8f8f8f;
    text-align: left;
    line-height: 20px;
    white-space: nowrap;
    padding: 0 1px
}

.TS_more_info .Buy_change_price,.TS_more_info .Buy_new_price {
    width: 100%;
    float: left;
    color: #8f8f8f
}

.TS_more_info .Buy_new_price {
    padding-bottom: 11px
}

.TS_more_info .Buy_change_price {
    padding-top: 11px
}

.Buy_change_price td.up:nth-child(2),.Buy_new_price td.up:nth-child(2) {
    color: #f44336
}

.Buy_change_price td.down:nth-child(2),.Buy_new_price td.down:nth-child(2) {
    color: #63b766
}

.TS_more_info .Buy_change_price td:nth-child(1),.TS_more_info .Buy_new_price td:nth-child(1) {
    width: 23%;
    padding-left: 0
}

.TS_more_info .Buy_change_price td:nth-child(2),.TS_more_info .Buy_new_price td:nth-child(2) {
    text-align: center;
    width: 37%
}

.TS_more_info .Buy_change_price td:nth-child(3),.TS_more_info .Buy_new_price td:nth-child(3) {
    text-align: right;
    width: 40%;
    padding-right: 0
}

.TS_arrow_btn {
    border: none;
    bottom: .3rem;
    right: 49%;
    -webkit-transition: all .2s ease-in-out;
    width: 12px;
    height: 7px
}

.In_drap_icon,.In_operation_con {
    -webkit-transition: all .1s ease-in-out
}

.active .TS_arrow_btn {
    -webkit-transform: rotate(0)
}

.TS_more_title {
    font-size: .6rem;
    position: relative;
    height: 1.4rem;
    line-height: 1.4rem;
    margin: -.3rem 0 0;
    overflow: visible;
    text-align: center
}

.TS_drop_con {
    position: relative;
    height: .8rem
}

.TS_oprate_con {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(51,51,51,.8)
}

.TS_oprate_con span {
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    float: left;
    width: 33.33%;
    color: #FFF
}

.active .TS_bot_optional {
    background-position: -5rem -12.5rem
}

.TS_oprate_con em {
    display: inline-block;
    margin-right: .3rem
}

.TS_buysale_info {
    color: #888;
    font-size: .6rem
}

.TS_buysale_info td {
    width: 10%;
    text-align: left
}

.TS_oprate_con.limit span:nth-child(3) {
    width: 100%
}

.TS_oprate_con.limit span:nth-child(-n+2) {
    display: none
}

@media only screen and (min-height: 481px) and (max-height:568px) {
    html {
        font-size:18px
    }

    .TS_w .PD_info_list {
        width: 67%
    }

    .TS_w .PD_info_item {
        width: 46%
    }

    .TS_detail_con {
        width: 32%
    }

    .PD_detail_price strong {
        font-size: 1.6rem
    }
}

@media only screen and (max-height: 480px) {
    html {
        font-size:16px
    }

    .TS_w .PD_info_list {
        width: 67%
    }

    .TS_w .PD_info_item {
        width: 46%
    }

    .TS_detail_con {
        width: 32%
    }

    .PD_detail_price strong {
        font-size: 1.6rem
    }
}

.AT_w,.BL_w,.RC_w {
    background-color: #f6f5fa
}

.AT_header,.BL_header,.RC_head {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    text-align: center;
    font-size: .8rem;
    overflow: hidden;
    padding: 0 .8rem 0 .55rem;
    border-bottom: 1px solid #f1f2f5
}

.buying_sp {
    background-image: url(../img/buying_sp.png);
    background-size: 12.5rem
}

.BL_back_btn,.RC_back_btn {
    background-position: -.6rem .15rem;
    padding-left: .9rem;
    position: absolute;
    left: .55rem
}

.RC_tips_info {
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .8rem;
    border: 1px solid #157eea;
    color: #157eea;
    border-radius: 50%;
    top: .5rem;
    right: .8rem
}

.RC_money_con,.RC_quota {
    border-bottom: 1px solid #f1f2f5
}

.RC_bank_con {
    height: 4.2rem;
    background-color: #FFF;
    color: #333;
    font-size: .8rem;
    padding: .75rem .9rem
}

.RC_bank_con img {
    width: 2.55rem;
    height: 2.55rem;
    float: left
}

.RC_bank_name,.RC_tail_num {
    float: left;
    width: 60%;
    height: 1.3rem;
    line-height: 1.3rem;
    padding-left: .35rem;
    color: #333
}

.RC_tail_num {
    color: #b3b3b3
}

.RC_bank_con a {
    color: inherit;
    float: right;
    width: 1rem;
    height: 1.6rem;
    margin-top: -.5rem;
    background-position: -9.1rem -.5rem
}

.RC_quota {
    height: 2.65rem;
    line-height: 2.65rem;
    padding-left: .9rem;
    font-size: .7rem;
    color: #a1a1a1
}

.RC_money_con {
    height: 2.7rem;
    font-size: .8rem;
    position: relative
}

.RC_maney_name,.RC_maney_num {
    height: -webkit-calc(2.7rem - 1px)
}

.RC_maney_name,.RC_payway_con,.RC_payway_title a,.RC_payway_wrap {
    position: absolute;
    left: 0
}

.RC_maney_name {
    top: 0;
    width: 28%;
    text-align: left;
    padding-left: .875rem;
    line-height: 2.7rem
}

.RC_next_step,.ST_day,.ST_once,.VP_tips,.regist_head {
    text-align: center
}

.RC_maney_num {
    width: 100%;
    padding-left: 28%;
    text-indent: .2rem;
    border: none;
    font-size: .8rem
}

.RC_next_step {
    margin: 1.5rem .875rem 0;
    height: 2.5rem;
    font-size: .9rem;
    color: #FFF;
    line-height: 2.5rem;
    background-color: #157eea;
    border-radius: 5px
}

.RC_next_step.tapped {
    background-color: #5ca5f0
}

.RC_payway_wrap {
    width: 100%;
    height: 100%;
    z-index: 1100;
    background-color: rgba(0,0,0,.5);
    top: 0;
    display: none;
    overflow: hidden
}

.AT_item h3,.BL_card_item:before,.BL_w ul li,.RC_payway_con {
    background-color: #FFF
}

.RC_payway_wrap.active {
    display: block
}

.RC_payway_con {
    width: 100%;
    height: 62%;
    bottom: 0;
    -webkit-transform: translateY(100%);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.RC_payway_title a {
    top: 0
}

.RC_payway_title img {
    margin-left: .9rem
}

.RC_payway_title button {
    margin-right: .9rem
}

.BL_card_item,.RC_payway_item {
    height: 3.05rem;
    position: relative;
    overflow: hidden
}

.RC_payway_item {
    padding: 0 .75rem
}

.BL_card_item h3,.RC_payway_item h3 {
    font-size: .8rem;
    padding-top: .5rem;
    position: relative
}

.BL_card_item p,.RC_payway_item p {
    font-size: .6rem;
    color: #888;
    margin-top: .1rem
}

.BL_card_item p strong,.RC_payway_item p strong {
    margin-left: .4rem
}

.BL_card_item {
    height: 3.75rem
}

.BL_card_item h3 {
    line-height: 1.7rem
}

.BL_card_item p {
    margin-top: 0
}

.BL_card_item .RC_gou,.RC_payway_item .RC_gou {
    position: absolute;
    right: .75rem;
    top: 1.2rem;
    width: .725rem;
    height: .625rem
}

.BL_w ul {
    padding: 0
}

.BL_w ul li {
    padding-left: .85rem
}

.BL_tips {
    padding-left: .85rem;
    margin-top: .6rem;
    margin-bottom: 1rem;
    color: #888;
    font-size: .7rem;
    position: relative
}

.BL_tips span {
    color: #157EEA;
    font-size: .7rem
}

.BL_tips img {
    width: 6px;
    height: 11px;
    position: absolute;
    right: .75rem;
    top: .2rem
}

.BL_card_list {
    margin: 0 0 11px
}

.BL_w .BL_card_list {
    margin: 11px 0
}

.BL_card_list .BL_card_item {
    padding-left: 3rem;
    position: relative;
    background-color: #FFF
}

.AT_item h3,.AT_item p,.ST_tips {
    padding-left: .8rem
}

.BL_card_item:before {
    background-size: 1.875rem auto;
    width: 1.875rem;
    height: 2rem;
    position: absolute;
    top: .9rem;
    left: .75rem
}

.BL_GDYH:before {
    background-image: url(../img/bank/GDYH_icon.png)
}

.BL_GFYH:before {
    background-image: url(../img/bank/GFYH_icon.png)
}

.BL_GSYH:before {
    background-image: url(../img/bank/GSYH_icon.png)
}

.BL_JSYH:before {
    background-image: url(../img/bank/JSYH_icon.png)
}

.BL_MSYH:before {
    background-image: url(../img/bank/MSYH_icon.png)
}

.BL_NYYH:before {
    background-image: url(../img/bank/NYYH_icon.png)
}

.BL_XYYH:before {
    background-image: url(../img/bank/XYYH_icon.png)
}

.BL_ZGYH:before {
    background-image: url(../img/bank/ZGYH_icon.png)
}

.BL_ZSYH:before {
    background-image: url(../img/bank/ZSYH_icon.png)
}

.BL_Alipay:before {
    background-image: url(../img/alipay_icon.png)
}

.BL_Weixin:before {
    background-image: url(../img/weixin_icon.png)
}

.VP_tips {
    color: #888;
    height: 2.65rem;
    line-height: 2.65rem
}

.AT_item h3 {
    height: 2.4rem;
    line-height: 2.4rem;
    overflow: hidden
}

.AT_item.active h3 img {
    opacity: 1
}

.AT_item h3 img {
    opacity: 0;
    width: 15px;
    float: right;
    margin: .9rem .8rem 0 0
}

.AT_item p {
    height: 2rem;
    line-height: 2rem;
    color: #888
}

.AT_next {
    display: inline-block;
    width: -webkit-calc(100% - 1.6rem);
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #157eea;
    color: #FFF;
    border: none;
    border-radius: 5px;
    font-size: .9rem;
    margin: 1.6rem .8rem 0
}

.account_tips,.add_card_tips,.owner_info,.regist_head {
    border-bottom: 1px solid #f1f2f5
}

.OLP_parities {
    margin-bottom: .5rem
}

.ST_tips {
    color: #888;
    font-size: .6rem;
    margin-top: .4rem
}

.ST_day,.ST_once {
    display: none;
    font-size: .7rem;
    color: #474747;
    padding: 0 8px
}

.ST_day.acitve,.ST_once.acitve {
    display: block
}

.RC_w .ST_bankcard {
    padding-left: .75rem;
    background-color: #FFF;
    margin: 11px 0
}

.RC_more_bc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.RC_more_bc .turn_right {
    right: .75rem;
    top: 1.2rem
}

.ABC_w,.CPN_w,.L_w,.MV_w,.PN_w,.RCS_w,.RC_w,.RM_w,.RN_w,.R_w,.SP_w {
    background-color: #f6f5fa
}

.regist_head {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    font-size: .8rem;
    overflow: hidden;
    padding: 0 .8rem 0 .55rem;
    position: relative
}

.regist_head a {
    color: inherit
}

.account_head,.account_title {
    color: #333;
    font-size: .8rem;
    text-align: center
}

.RCS_back_btn,.R_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem;
    background-position: -.6rem .15rem
}

.account_head {
    background-color: #F2F2F2;
    height: 2rem;
    line-height: 2rem
}

.ABC_popup_con,.ABC_select_bank_list,.realname_item {
    background-color: #FFF
}

.account_tips {
    height: 8.4rem;
    padding-top: .8rem;
    text-align: center
}

.realname_img {
    width: 4.95rem;
    height: 5.25rem
}

.R_w .realname_img {
    width: auto
}

.bankcard_img {
    width: 4.675rem;
    height: 4.425rem;
    margin-top: .5rem
}

.ABC_w .bankcard_img {
    height: auto;
    margin-top: 1.2rem
}

.account_title {
    margin: .2rem 0 .6rem
}

.account_tips_word {
    height: 2.35rem;
    line-height: 2rem;
    text-align: center;
    font-size: .7rem;
    color: #999
}

.owner_info {
    height: 2.3rem;
    overflow: hidden
}

.owner_info em {
    float: left;
    width: 18%;
    padding-left: .875rem
}

.owner_info a {
    float: left;
    padding-left: .2rem;
    color: #888
}

.add_card_tips {
    height: 2rem;
    padding-left: .875rem;
    line-height: 2rem;
    color: #888;
    font-size: .6rem;
    overflow: hidden
}

.add_card_tips span {
    color: #157EEA;
    float: right;
    padding-right: .8rem
}

.ABC_banklist {
    color: #157EEA;
    margin: .4rem 0;
    padding: 0 .875rem;
    line-height: .8rem;
    display: none;
    font-size: .6rem
}

.ABC_banklist.active {
    display: block
}

.ABC_popup_tip {
    color: #157EEA;
    cursor: pointer
}

.ABC_popup_con {
    width: 80%;
    height: auto;
    position: absolute;
    left: 10%;
    top: 23%;
    border-radius: 5px;
    padding: .3rem
}

.ABC_popup_con .next_step {
    margin: .5rem;
    width: -webkit-calc(100% - 1rem)
}

.ABC_popup_title {
    font-size: .8rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    border-bottom: 1px solid #666
}

.ANC_popup_list {
    padding-top: .5rem
}

.ANC_popup_list li {
    font-size: .7rem;
    color: #888;
    line-height: .9rem;
    padding: .3rem .4rem
}

.ANC_popup_list li span {
    color: #157EEA
}

.realname_item {
    height: 2.3rem;
    line-height: 2.3rem;
    position: relative
}

.realname_item span {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 4rem;
    height: 2.3rem;
    text-align: left;
    padding-left: .75rem
}

.ABC_select_bank_list,.realname_item input {
    width: 100%;
    padding-left: 4.4rem;
    height: 2.3rem;
    position: absolute;
    z-index: 1;
    float: left;
    border: 1px solid transparent;
    font-size: .7rem;
    top: 0
}

.backcard_class,.realname_item2,.realname_item3 {
    border-bottom: 1px solid #f1f2f5
}

.ABC_select_bank_con::after {
    background-image: url(../img/drop_blue_icon.png);
    background-size: .85rem auto;
    width: .9rem;
    height: .5rem;
    position: absolute;
    z-index: 100;
    right: .75rem;
    top: .9rem
}

.realname_sub,.submit {
    height: 2.5rem;
    line-height: 2.5rem
}

.ABC_phoneNum_question,.resend {
    z-index: 10;
    position: absolute;
    text-align: center
}

.realname_item strong {
    display: inline-block;
    width: 100%;
    padding-left: 18%;
    text-indent: .2rem;
    color: #888
}

.backcard_class {
    margin-bottom: .75rem
}

.realname_item2 {
    border-top: 1px solid #f1f2f5;
    margin-bottom: 1px
}

.realname_sub {
    margin: 1.8rem .75rem 0
}

.agreement {
    font-size: .6rem;
    color: #888;
    padding-left: .9rem;
    margin: .8rem 0 1.1rem
}

.agreement a {
    color: #157eea
}

.R_w .agreement {
    margin: 1.5rem 0 -1rem
}

.submit {
    width: 100%;
    border: none;
    background-color: #157eea;
    color: #FFF;
    border-radius: 5px;
    font-size: .9rem;
    text-align: center
}

.submit.tapped {
    background-color: #5CA5F0
}

.psw_tips {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .6rem;
    background-color: #F7F7F7;
    color: #CCC;
    padding-left: .5rem
}

.bank_item,.id_info {
    height: 2rem;
    line-height: 2rem
}

.bank_item,.id_info_con {
    background-color: #FFF;
    font-size: .8rem
}

.id_info_con {
    color: #999;
    padding-left: .5rem
}

.id_info img {
    padding-bottom: .4rem;
    padding-right: .6rem
}

.id_info span {
    padding-left: 1.2rem;
    color: #CCC
}

.add_card {
    padding: .8rem 0 .5rem .5rem;
    color: #1E1E1E;
    font-size: .8rem
}

.bank_item span {
    width: 25%;
    display: inline-block;
    height: 1.2rem;
    float: left;
    color: #1E1E1E;
    padding-left: .5rem
}

.bankName,.cardNum {
    width: 75%;
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem;
    border: none;
    outline: 0;
    color: #CCC
}

.bankName option {
    -webkit-transform: scaleX(.75)
}

.bankNum {
    margin: .8rem 0 1.6rem
}

.ABC_phoneNum_question {
    width: 1rem;
    height: 1rem;
    right: .75rem;
    top: .65rem;
    font-size: .6rem;
    line-height: 1rem;
    color: #157EEA;
    border: 1px solid #157EEA;
    border-radius: 50%
}

.agreement_tips {
    color: #CCC;
    padding: .8rem 1rem 1rem .6rem;
    margin-top: -1.6rem
}

.agreement_tips .agreement {
    text-decoration: underline;
    color: #999
}

.realname_item .resend,.resend {
    color: #FFF
}

.PN_w .account_tips {
    height: 3.4rem
}

.PN_w .account_tips_word {
    line-height: 1.2rem
}

.message_img {
    width: 5.825rem;
    height: 2.825rem;
    margin: 1.35rem 0 .8rem
}

.resend {
    right: 0;
    top: 0;
    width: 30%;
    height: 2.3rem;
    background-color: #157eea
}

.resend.active {
    background-color: #c5c4c8;
    color: #666
}

.MV_sure_tips {
    color: #CCC;
    height: 1rem;
    font-size: .6rem;
    line-height: 1rem;
    padding-left: .875rem;
    margin-top: .7rem;
    text-align: center
}

.MV_withdraw_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    display: none;
    overflow: hidden
}

.MV_withdraw_wrap.active {
    display: block
}

.TA_chart_list,.TA_circle,.WD_stock_buy,.query_tab a,.success_oprate a {
    display: inline-block
}

.MV_withdraw_con {
    width: 80%;
    position: absolute;
    top: 30%;
    left: 10%;
    background-color: #FFF;
    border-radius: 5px
}

.MV_withdraw_title {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .9rem;
    text-align: center
}

.MV_withdraw_title a {
    position: absolute;
    left: .9rem;
    top: 0
}

.MV_withdraw_title img {
    width: 1rem;
    height: 1rem
}

.MV_withdraw_list {
    padding: 0 .9rem
}

.MV_withdraw_item {
    font-size: .8rem;
    height: 3rem;
    line-height: 3rem;
    overflow: hidden;
    color: #888
}

.MV_withdraw_item em {
    float: right;
    color: #333
}

.rechange_success_img {
    width: 5.025rem;
    height: 5.025rem;
    margin: .35rem 0 .8rem
}

.rechange_con {
    border-bottom: none
}

.success_oprate {
    margin-top: 1.95rem;
    padding: 8rem;
    overflow: hidden
}

.success_oprate a {
    background-color: #157eea;
    color: #FFF;
    font-size: .8rem;
    text-align: center;
    width: 100px;
    height: 2.3rem;
    line-height: 2.3rem;
    border-radius: 5px
}

.success_oprate a.tapped {
    background-color: #5ca5f0
}

.look_money {
    float: left
}

.continue_buying {
    float: right
}

.login_help {
    margin-top: 1.5rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .6rem;
    padding: 0 .875rem;
    overflow: hidden;
    color: #888
}

.regist_account {
    float: left
}

.regist_account a {
    color: #157EEA
}

.login_help .forget_psw {
    float: right;
    color: #157EEA
}

.L_user_info {
    height: 8.4rem;
    padding-top: .8rem;
    text-align: center;
    border-bottom: 1px solid #f1f2f5
}

.L_user_pic {
    width: 4.95rem;
    height: 4.95rem;
    border-radius: 8px
}

.L_user_name {
    height: 2.35rem;
    line-height: 2rem;
    text-align: center;
    font-size: .7rem;
    color: #999
}

.phone_icon {
    width: 2.45rem;
    margin-top: .3rem
}

.CPN_w .account_tips {
    border-bottom: none
}

.change_num_con {
    padding: 0 .8rem
}

.change_num_btn {
    height: 2.25rem;
    width: 100%;
    font-size: .9rem;
    color: #FFF;
    background-color: #157EEA;
    border: none;
    border-radius: 5px
}

.change_num_btn.tapped {
    background-color: #5CA5F0
}

.change_num_tips {
    font-size: .6rem;
    padding: .6rem 0 0 .8rem;
    color: #888;
    text-align: center
}

.PN_save,.ST_w .account_tips_word {
    font-size: .8rem
}

.id_check {
    height: 2.3rem;
    margin-top: .55rem;
    background-color: #FFF;
    line-height: 2.3rem;
    padding-left: .8rem
}

.id_check span {
    float: right;
    margin-right: .8rem;
    color: #888
}

.upload_idCard_con {
    margin: .6rem .8rem 0;
    background-color: #157EEA;
    color: #FFF;
    font-size: .8rem;
    height: 2.25rem;
    text-align: center;
    line-height: 2.25rem;
    position: relative;
    border-radius: 5px
}

.upload_idCard_con input {
    width: 100%;
    height: 2.25rem;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.upload_idCard_con input.tapped {
    background-color: #5CA5F0
}

.regist_head .realName_submit {
    position: absolute;
    right: .8rem
}

.RN_w .account_tips_word {
    line-height: 2.35rem
}

.PN_save {
    position: absolute;
    right: .8rem;
    top: 0;
    outline: 0;
    border: none;
    background-color: inherit;
    line-height: 2.25rem;
    height: 2.25rem
}

.ASA_w,.TA_header,.TA_w {
    background-color: #fafafa
}

.PN_newPhoneNum {
    margin: .65rem 0
}

.ST_money_con {
    margin-top: 1.2rem;
    padding: 0 .9rem
}

.ST_money_item {
    height: 2.7rem;
    padding-top: .9rem;
    color: #888;
    overflow: hidden;
    border-bottom: 1px dashed #979797
}

.ST_money_item span {
    float: right;
    color: #333
}

.SP_w .account_tips_word {
    line-height: 2.35rem
}

.SP_w .realname_img {
    width: 4.1rem;
    height: 4.6rem
}

.SP_psw_tips {
    height: 2rem;
    line-height: 1.8rem;
    font-size: .6rem;
    padding-left: .9rem;
    color: #888
}

.SP_w .realname_item span {
    width: 22%
}

.psw_wrong_tips {
    font-size: .6rem;
    color: #F44336;
    padding-left: .8rem;
    margin-top: .6rem
}

.RM_payeeAccount,.RM_payeeInfo {
    height: 2.3rem;
    line-height: 2.3rem;
    padding-left: .75rem;
    color: #888
}

.RM_w .realname_item input {
    height: -webkit-calc(2.3rem - 1px)
}

.ASA_w,.TA_w {
    color: #333
}

.TA_header {
    height: 2.25rem;
    line-height: 2.25rem;
    color: #333;
    text-align: center;
    font-size: .8rem;
    overflow: hidden;
    padding: 0 .8rem 0 .55rem;
    border-bottom: 1px solid #f1f2f5
}

.TA_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem;
    background-position: -.6rem .15rem
}

.TA_detail {
    position: absolute;
    right: .8rem;
    top: 0
}

.TA_title {
    color: #333;
    font-size: .9rem;
    text-align: center;
    height: 1.6rem;
    line-height: 2.4rem;
    position: relative
}

.TA_account_con .TA_enter_trade,.TA_account_con .TA_money_flowwater {
    position: absolute;
    right: .75rem;
    top: .85rem;
    font-size: .7rem;
    color: #157EEA;
    border: 1px solid #157EEA;
    padding: 8px 11px;
    border-radius: 5px
}

.TA_account_con .TA_money_flowwater {
    top: 2rem
}

.TA_deal_query {
    color: #157EEA;
    font-size: .6rem;
    position: absolute;
    right: .75rem;
    bottom: .85rem
}

.TA_deal_query:before {
    background-image: url(../img/query_blue_icon.png);
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: -.9rem;
    top: 3px
}

.TA_account_con {
    height: 5.95rem;
    background-color: #FFF;
    padding: .85rem .75rem 0;
    position: relative;
    overflow: hidden
}

.TA_account_con h3 {
    font-size: .75rem;
    color: #888;
    height: 1.5rem;
    line-height: 1rem
}

.TA_account_con p {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: 1rem
}

.TA_account_con div {
    font-size: .6rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #888
}

.TA_account_con .up span {
    color: #ec1e1e
}

.TA_account_con .down span {
    color: #6cd390
}

.ASA_safety {
    position: absolute;
    right: .9rem;
    top: .9rem;
    padding-top: 2.25rem;
    width: 2rem;
    font-size: .6rem;
    color: #888;
    background: url(../img/safety_icon.png) center no-repeat;
    background-size: 1.925rem 2.25rem
}

.TA_chart_con {
    height: 22.2rem;
    padding-top: 1.45rem;
    text-align: center
}

.ASA_withdraw_tips {
    color: #888;
    font-size: .6rem;
    margin: -.2rem 0 1.35rem
}

.ASA_withdraw_tips em {
    font-weight: 700;
    font-size: .8rem
}

.TA_chart {
    height: 10rem;
    text-align: center;
    margin-bottom: 1.35rem;
    position: relative
}

.TA_chart .echarts-tooltip {
    z-index: 100
}

.TA_chart_canvas {
    width: 10rem;
    height: 10rem;
    margin: 0 auto;
    overflow: visible
}

.TA_chart_num,.TA_chart_title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%)
}

.TA_chart_title {
    top: 3.1rem;
    font-size: .6rem;
    color: #888;
    padding-left: .2rem;
    -webkit-transform: translateX(-49%)
}

.TA_chart_num {
    top: 4.7rem;
    font-size: 1rem
}

.TA_chart_item {
    width: 10rem;
    height: .75rem;
    font-size: .65rem;
    line-height: .75rem;
    margin-bottom: 1rem;
    overflow: hidden;
    text-align: left
}

.TA_chart_item em {
    font-size: .7rem;
    float: right;
    max-width: 4rem
}

.TA_chart_item span {
    float: left;
    max-width: 4.5rem;
    color: #888;
    margin-left: .6rem
}

.TA_circle {
    float: left;
    width: .6rem;
    height: .6rem;
    border-radius: 50%
}

.TA_circle_1 {
    background-color: #439ff0
}

.TA_circle_2 {
    background-color: #e96058
}

.TA_circle_3 {
    background-color: #f7b246
}

.TA_circle_4 {
    background-color: #6cd390
}

.TA_roll_out,.TA_turn_in {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .9rem;
    font-size: .85rem;
    overflow: hidden;
    position: relative;
    background-color: #FFF
}

.TA_roll_out {
    margin: .5rem 0
}

.TA_roll_out span {
    color: #cdcdcd;
    float: right;
    margin-right: 1.125rem
}

.TA_roll_out img,.TA_turn_in img {
    width: .5rem;
    height: .85rem;
    position: absolute;
    right: .9rem;
    top: .8rem
}

.TA_update_time {
    color: #888;
    font-size: .6rem;
    margin: 0 0 1.35rem
}

.ASA_w .TA_account_con {
    height: 7.9rem
}

.ASA_w .ASA_btn_con {
    overflow: hidden;
    height: 1.7rem;
    margin-top: .2rem
}

.ASA_btn_con button img {
    height: .65rem;
    margin-right: 3px;
    margin-top: -.2rem
}

.ASA_query_btn,.ASA_trade_btn {
    width: 45%;
    height: 1.6rem;
    float: left;
    line-height: 1.6rem;
    border: 1px solid #888;
    border-radius: 5px;
    color: #888;
    text-align: center;
    background-color: #FFF
}

.WD_head,.WD_stock_item {
    border-bottom: 1px solid #f1f2f5
}

.ASA_query_btn {
    float: right
}

.WD_head,.WD_stock_code,.WD_stock_name {
    font-size: .8rem
}

.WD_w {
    background-color: #f6f5fa
}

.WD_head {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    text-align: center;
    position: relative;
    padding: 0 .8rem 0 .55rem
}

.WD_head a {
    color: inherit
}

.WD_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem;
    background-position: -.6rem .15rem
}

.WD_stock_list {
    width: 100%;
    padding: 0 0 2.75rem;
    height: auto;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.WD_stock_item,.WD_submit_con {
    background-color: #FFF;
    overflow: hidden
}

.WD_stock_item {
    height: 4.45rem;
    padding: .5rem .875rem 1.55rem 2.35rem;
    position: relative
}

.WD_stock_title {
    color: #333;
    height: 1.2rem;
    line-height: 1.2rem
}

.WD_stock_buy {
    width: 1rem;
    height: 1rem;
    line-height: .9rem;
    text-align: center;
    font-size: .6rem;
    color: #89ca8c;
    border: 1px solid #89ca8c;
    border-radius: 50%
}

.WD_stock_time {
    float: right;
    color: #888;
    font-size: .7rem
}

.WD_entrust_info {
    color: #888;
    height: .9rem;
    line-height: .9rem;
    font-size: .6rem;
    margin-top: 1.1rem
}

.WD_allselect,.WD_stock_item input {
    width: 1rem;
    height: 1rem;
    background-position: -6.37rem -3.2rem
}

.WD_entrust_num,.WD_entrust_price {
    color: #333;
    padding: 0 .8rem 0 .4rem
}

.WD_stock_item input {
    position: absolute;
    z-index: 100;
    top: 1.9rem;
    left: .6rem;
    border: 1px solid #CCC;
    border-radius: 50%;
    background-color: #FFF
}

.WD_form .buying_sp {
    border: none
}

.WD_allselect {
    border: 1px solid #CCC;
    border-radius: 50%
}

.WD_submit_con {
    width: 100%;
    height: 2.75rem;
    line-height: 2.75rem;
    padding-left: .6rem;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    border-top: 1px solid #f1f2f5
}

.deal_item,.deal_list {
    left: -100%;
    -webkit-transform-origin: center
}

.WD_submit_con span {
    float: left;
    font-size: .8rem
}

.WD_submit {
    float: right;
    height: 2.75rem;
    width: 29.1%;
    font-size: .9rem;
    text-align: center;
    color: #FFF;
    background-color: #157eea;
    border: none
}

.In_zero_account,.ZA_header {
    border-bottom: 1px solid #f1f2f5;
    overflow: hidden
}

.WD_submit.tapped {
    background-color: #5ca5f0
}

.deal_con {
    position: relative;
    width: 100%;
    height: auto
}

.deal_list {
    width: 100%;
    position: absolute;
    top: 0
}

.deal_item {
    width: 100%;
    padding: .4rem .4rem .3rem .5rem;
    overflow: hidden;
    position: relative;
    background-color: #FFF;
    margin-bottom: .5rem
}

.deal_item .entrust_left {
    width: 53%
}

.deal_item .entrust_right {
    width: 46%
}

.query_tab {
    background-color: #F7F7F7;
    font-size: .7rem;
    overflow: hidden;
    width: 100%;
    height: 2rem
}

.query_tab a {
    float: left;
    width: 50%;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #999
}

.today {
    border-right: 1px solid #999
}

.WD_popup_con {
    width: 80%;
    position: absolute;
    top: 30%;
    left: 10%;
    background-color: #FFF;
    border-radius: 5px
}

.WD_popup_con h3 {
    font-size: .7rem;
    height: 3.9rem;
    line-height: 3.9rem;
    text-align: center
}

.WD_popup_con div {
    overflow: hidden
}

.WD_popup_con a {
    height: 2.45rem;
    line-height: 2.45rem;
    font-size: .8rem;
    text-align: center;
    width: 50%;
    float: left
}

.WD_popup_con .WD_cancel {
    color: #888
}

.WD_popup_con .WD_sure {
    color: #157EEA
}

.up-zero {
    -webkit-animation: upZero .4s linear forwards
}

@-webkit-keyframes upZero {
    0% {
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0);
        opacity: 0
    }

    80% {
        -webkit-transform: translate3d(102%,0,0) scale3d(1.05,1.05,1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) scale3d(1,1,1);
        opacity: 1
    }
}

.up-one {
    -webkit-animation: upOne .4s linear forwards
}

@-webkit-keyframes upOne {
    0% {
        -webkit-transform: translate3d(100%,0,0) scale3d(1,1,1);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(200%,0,0) scale3d(0,0,0);
        opacity: 0
    }
}

.down-zero {
    -webkit-animation: downZero .4s linear forwards
}

@-webkit-keyframes downZero {
    0% {
        -webkit-transform: translate3d(200%,0,0) scale3d(0,0,0);
        opacity: 0
    }

    80% {
        -webkit-transform: translate3d(98%,0,0) scale3d(1.05,1.05,1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) scale3d(1,1,1);
        opacity: 1
    }
}

.down-one {
    -webkit-animation: downOne .4s linear forwards
}

@-webkit-keyframes downOne {
    0% {
        -webkit-transform: translate3d(100%,0,0) scale3d(1,1,1);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,0,0) scale3d(0,0,0);
        opacity: 0
    }
}

.ZA_w .container {
    padding-bottom: 2.5rem;
    background-color: #f6f5fa
}

.ZA_header {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    text-align: center;
    font-size: .8rem;
    padding: 0 .8rem 0 .55rem
}

.ZA_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem;
    background-position: -.6rem .15rem
}

.In_account_done {
    font-size: .7rem;
    background-color: #ffb700;
    height: 1.7rem;
    line-height: 1.7rem;
    color: #FFF;
    display: none
}

.In_account_done.active {
    display: block
}

.In_tips {
    background-color: #ec1e1e;
    border-radius: 50%;
    color: #FFF;
    font-size: .9rem;
    display: inline-block;
    height: 1.1rem;
    width: 1.1rem;
    text-align: center;
    line-height: 1.1rem;
    margin: 0 .5rem 0 .3rem
}

.ZA_brokerage {
    font-size: .6rem;
    background-color: #71b0f0;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: .75rem;
    color: #FFF
}

.ZA_brokerage em {
    color: #f5a623
}

.ZA_brokerage img {
    width: 1.18rem;
    height: 1.14rem;
    margin-right: .2rem
}

.In_zero_account {
    width: 100%;
    color: #333;
    padding: .75rem 0 0;
    background-color: #FFF;
    position: relative
}

.In_accout_title {
    font-size: .8rem;
    height: 1rem;
    line-height: 1rem;
    padding-left: .75rem;
    color: #333
}

.In_accout_title span,.TA_account_con h3 em {
    height: .9rem;
    position: relative;
    margin: -3px .3rem 0 0;
    padding: 0 .3rem;
    color: #157EEA;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: .9rem;
    border: 1px solid #228fff;
    border-radius: 3px
}

.In_accout_title span::after,.TA_account_con h3 em::after {
    content: '';
    position: absolute;
    right: -3px;
    top: .25rem;
    width: 4px;
    height: 4px;
    border-width: 1px 1px 0 0;
    border-color: #228fff;
    border-style: solid;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.In_op_do4,.In_op_show4,.ZA_pal hr {
    border: none
}

.In_accout_title i {
    font-size: .6rem
}

.In_account_money {
    margin-top: .9rem;
    padding-left: .75rem
}

.In_account_num {
    font-size: 2.2rem;
    line-height: 2.2rem;
    color: #333
}

.In_account_num i {
    font-size: 1rem
}

.In_account_money i {
    font-size: 1.4rem
}

.In_account_add {
    position: absolute;
    right: .75rem;
    top: 3.1rem;
    font-size: 1rem;
    color: rgba(255,255,255,.5)
}

.In_account_add img {
    width: 6px;
    height: 11px
}

.In_account_info {
    margin-top: .2rem;
    width: 100%;
    color: #13579c;
    overflow: hidden;
    background-color: #FFF
}

.ZA_banlance,.ZA_pal {
    float: left;
    overflow: hidden;
    width: 50%;
    height: 4rem;
    line-height: 1.5rem;
    text-align: left;
    position: relative
}

.ZA_pal hr {
    width: 1px;
    height: 3rem;
    background-color: #f1f2f5;
    position: absolute;
    top: .5rem;
    right: 0;
    margin: 0
}

.ZA_pal {
    padding: .5rem .3rem .5rem 1.2rem
}

.ZA_banlance {
    padding: .5rem .8rem .5rem 1.2rem
}

.In_account_info strong {
    font-size: .6rem;
    color: #888
}

.ZA_banlance em,.ZA_pal.up i {
    font-size: 1.2rem;
    font-weight: 700
}

.ZA_pal.up i,.ZA_pal.up span {
    color: #ec1e1e
}

.ZA_pal.down i,.ZA_pal.down span {
    color: #4caf50
}

.In_account_info span {
    color: #333
}

.In_rate {
    color: #ec1e1e
}

.In_operation_con {
    height: 5rem;
    overflow: hidden;
    background-color: #FFF;
    position: relative;
    line-height: 3.6rem;
    margin-top: 11px
}

.In_op_do,.In_op_show {
    display: inline-block;
    color: #333;
    height: 5rem;
    line-height: 1.4rem;
    padding-top: 1.1rem;
    width: 25%;
    text-align: center;
    font-size: .8rem;
    float: left
}

.In_op_do.tapped,.In_op_show.tapped {
    background-color: rgba(204,204,204,.3)
}

.In_op_do span,.In_op_show span {
    width: 100%;
    display: inline-block;
    height: 1rem;
    line-height: .6rem;
    font-size: .6rem;
    position: relative;
    top: -.3rem
}

.In_operation_con img {
    height: 1.825rem
}

.In_entrust_item,.In_op_show4 {
    border-top: 1px solid #f1f2f5
}

.In_operation_con.active {
    height: 10rem
}

.In_cur_entrust_con,.In_my_position_con {
    background-color: #FFF;
    height: auto;
    overflow: hidden
}

.In_entrust_content,.In_myp_content {
    display: block
}

.hide .In_entrust_content,.hide .In_myp_content {
    display: none
}

.In_entrust_title,.In_myp_title {
    background-color: #edeef2;
    color: #8e8e93;
    padding-left: 1.3rem;
    font-size: .6rem;
    height: 1.35rem;
    line-height: 1.4rem;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.In_myp_title span {
    float: right;
    padding-right: .75rem
}

.In_drap_icon {
    width: 6px;
    height: 11px;
    position: absolute;
    left: .75rem;
    bottom: .4rem;
    -webkit-transform: rotate(90deg)
}

.In_cur_entrust_con.hide .In_drap_icon,.In_my_position_con.hide .In_drap_icon {
    -webkit-transform: rotate(0)
}

.In_entrust_item,.In_myp_item {
    height: 4rem;
    padding: .75rem 0 .3rem .75rem;
    overflow: hidden;
    position: relative
}

.In_entrust_item:nth-child(1) {
    border: none
}

.In_myp_item {
    border-bottom: 1px solid #f1f2f5
}

.In_stock_title {
    color: #333
}

.In_stock_title strong {
    font-size: .8rem
}

.In_stock_title em,.In_weituo {
    font-size: .6rem
}

.In_stock_title span {
    width: 1rem;
    height: 1rem;
    line-height: .9rem;
    display: inline-block;
    text-align: center;
    font-size: .6rem;
    color: #89ca8c;
    border: 1px solid #89ca8c;
    border-radius: 50%
}

.In_entrust_left,.In_entrust_right {
    width: 50%;
    height: 2rem;
    line-height: 1rem;
    color: #A2A59F;
    display: inline-block;
    float: left
}

.In_entrust_right {
    padding-left: .75rem
}

.In_entrust_item em,.In_myp_item em {
    padding-left: .5rem
}

.In_chedan {
    height: 1.55rem;
    padding-right: .75rem;
    text-align: right;
    margin-top: -.5rem
}

.In_chedan a,.In_myp_rate {
    display: inline-block;
    color: #43a0f0;
    border: 1px solid #43a0f0;
    width: 3.6rem;
    height: 1.55rem;
    text-align: center;
    line-height: 1.55rem;
    border-radius: 4px;
    margin-top: -.4rem
}

.In_chedan a.active {
    border-color: #5CA5F0;
    background-color: #5CA5F0
}

.In_cur_entrust_con .In_chedan a {
    margin-top: .05rem
}

.In_weituo {
    color: #929292;
    overflow: hidden
}

.In_weituo em {
    color: #333;
    padding: 0 .75rem 0 .4rem
}

.In_myp_pl {
    float: right;
    padding-right: .75rem
}

.In_up .In_myp_pl {
    color: #ec1e1e
}

.In_down .In_myp_pl {
    color: #4caf50
}

.In_up .In_myp_rate {
    color: #FFF;
    border: 1px solid #ec1e1e;
    background-color: #ec1e1e
}

.In_down .In_myp_rate {
    color: #FFF;
    border: 1px solid #4caf50;
    background-color: #4caf50
}

.In_float_index {
    position: absolute;
    right: .75rem;
    top: .6rem;
    font-weight: 700;
    font-size: 1rem;
    color: #FFF;
    background-color: #999;
    border-radius: 2px;
    padding: .2rem .8rem
}

.In_myp_content {
    background-color: #FFF
}

.In_myp_zero {
    display: none
}

.In_myp_zero.active {
    display: block
}

.In_myp_circle {
    display: block;
    height: 3.2rem;
    width: 3.2rem;
    border-radius: 50%;
    border: 1px solid #FBFBFB;
    margin: .8rem auto .6rem;
    text-align: center
}

.In_myp_circle_inner {
    display: inline-block;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    background-color: #F2F2F2;
    margin-top: .1rem
}

.In_myp_tips {
    width: 100%;
    font-size: .7rem;
    line-height: 1rem;
    padding-bottom: 2rem;
    text-align: center;
    color: #CCC
}

.In_noPosition {
    text-align: center;
    margin: 2.4rem 0 1.1rem
}

.In_noPosition img {
    width: 3.55rem;
    height: 1.95rem
}

.In_account_popup {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 1000;
    display: none
}

.In_account_popup.active {
    display: block
}

.In_has_accoount {
    width: -webkit-calc(100% - 3.6rem);
    height: 8.4rem;
    background-color: #FFF;
    border-radius: 5px;
    position: relative;
    top: -webkit-calc((100% - 8.4rem)/ 2);
    left: 1.8rem
}

.In_ap_question {
    font-size: .8rem;
    line-height: 1.2rem;
    color: #949494;
    text-align: center;
    padding: 1rem 0 2rem
}

.In_ap_no,.In_ap_yes {
    display: inline-block;
    width: 6rem;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    border-radius: 3px;
    color: #FFF
}

.In_ap_yes {
    float: left;
    background-color: #CCC;
    margin-left: 1rem
}

.In_ap_no {
    float: right;
    background-color: #999;
    margin-right: 1rem
}

.ASA_w .TA_chart_con {
    height: 20.5rem
}

.ASA_money_direction {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 2.75rem;
    color: #157EEA;
    font-size: 1rem;
    line-height: 2.75rem;
    background-color: #FFF;
    overflow: hidden;
    width: 100%
}

.ASA_money_direction a {
    float: left;
    height: 2.75rem;
    width: 50%;
    text-align: center
}

.entrust_item div .entrust_time,.entrust_item_right {
    float: right
}

.In_account_num.colorAn {
    -webkit-animation: In_account_num .6s ease-in-out backwards
}

@-webkit-keyframes In_account_num {
    0%,70% {
        color: #fff
    }

    100%,30% {
        color: #333
    }
}

.entrust_list {
    padding: 0 .75rem;
    background-color: #fff
}

.entrust_item {
    height: 4.2rem
}

.entrust_item h3 {
    height: 1.4rem;
    line-height: 2rem;
    font-size: .6rem
}

.entrust_item h3 strong {
    font-size: .8rem
}

.entrust_item h3 .entrust_stockCode {
    margin-left: 4px
}

.entrust_item p {
    height: 1.4rem;
    line-height: 1.8rem;
    font-size: .6rem;
    position: relative;
    color: #888
}

.entrust_item div .entrust_failNum em,.entrust_item div .entrust_sucNum em,.entrust_item p .entrust_num em,.entrust_item p .entrust_price em {
    margin-left: .4rem;
    display: inline-block;
    width: 2.2rem
}

.entrust_item div .entrust_failNum,.entrust_item p .entrust_price {
    margin-left: .75rem
}

.entrust_item p .entrust_chedan {
    position: absolute;
    right: 0;
    top: -.5rem;
    color: #43a0f0;
    border: 1px solid #43a0f0;
    width: 3.6rem;
    font-size: .7rem;
    height: 1.55rem;
    text-align: center;
    line-height: 1.55rem;
    border-radius: 4px;
    background-color: #FFF
}

.entrust_item p .entrust_chedan.disabled {
    color: #888;
    border: 1px solid #CCC
}

.entrust_item_state {
    margin-left: .6rem;
    color: #157EEA
}

.entrust_item div {
    height: 1.4rem;
    line-height: 1.2rem;
    font-size: .6rem;
    overflow: hidden;
    color: #888
}

.entrust_list h3 a {
    margin-right: .2rem;
    width: 1rem;
    height: 1rem;
    line-height: .9rem;
    display: inline-block;
    text-align: center;
    font-size: .6rem;
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%
}

.entrust_list h3 .DQ_buy {
    color: #ea2524;
    border: 1px solid #ea2524
}

.entrust_list h3 .DQ_sale {
    color: #89ca8c;
    border: 1px solid #89ca8c
}

.entrust_list h3 .DQ_recharege {
    color: #228fff;
    border: 1px solid #228fff
}

.entrust_list h3 .DQ_withdrawals {
    color: #ff7200;
    border: 1px solid #ff7200
}

.hideAn {
    -webkit-animation: hideAn .3s ease 2.8s forwards
}

@-webkit-keyframes hideAn {
    0% {
        opacity: 1;
        height: 1.65rem;
        line-height: 1.65rem
    }

    99% {
        opacity: 0;
        height: .1rem;
        line-height: .1rem
    }

    100% {
        opacity: 0;
        height: 0;
        line-height: 0;
        display: none
    }
}

.OLP_w,.PCI_w,.PI_w,.PR_w,.UV_w,.WC_w {
    background-color: #f6f5fa
}

.PCI_head {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    text-align: center;
    font-size: .8rem;
    overflow: hidden;
    border-bottom: 1px solid #f1f2f5
}

.PCI_currency,.PCI_item,.RC_payway_title {
    height: 2.5rem;
    line-height: 2.5rem
}

.PCI_currency {
    padding: 0 .8rem;
    overflow: hidden;
    color: #888;
    font-size: .75rem
}

.PCI_currency span,.PCI_item span {
    color: #333;
    float: right
}

.PCI_list {
    padding: 0 .8rem;
    background-color: #FFF
}

.PCI_item {
    color: #888;
    overflow: hidden
}

.PCI_popup_con {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    z-index: 1000;
    width: 100%;
    padding: 0 .875rem;
    background-color: #FFF;
    color: #333;
    font-size: .8rem
}

.RC_payway_title {
    position: relative;
    font-size: .9rem;
    text-align: center
}

.RC_payway_title .PCI_close {
    position: absolute;
    left: 0;
    top: 0
}

.RC_payway_title img {
    width: 1rem;
    height: 1rem
}

.RC_payway_title button {
    position: absolute;
    right: 0;
    color: #3087eb;
    border: none;
    background-color: #FFF;
    font-size: .9rem;
    top: .8rem
}

.RC_payway_list {
    padding: 0
}

.RC_payway_item {
    height: 3.05rem;
    position: relative;
    overflow: hidden
}

.RC_payway_item h3 {
    font-size: .8rem;
    padding-top: .6rem
}

.RC_payway_item p {
    font-size: .6rem;
    color: #888;
    margin-top: .3rem
}

.RC_payway_item .RC_gou {
    position: absolute;
    right: 0;
    top: 1.2rem;
    width: .725rem;
    height: .625rem
}

.RC_addbankcard {
    line-height: 3rem
}

.RC_addbankcard a {
    float: left;
    width: 100%;
    height: 3rem
}

.RC_turnright {
    width: .5rem;
    height: .85rem;
    margin-top: 1.2rem;
    float: right
}

.PR_step {
    text-align: center;
    font-size: .8rem;
    height: 2rem;
    line-height: 2.8rem
}

.PR_tips {
    background-color: #71b0f0;
    color: #FFF;
    height: 1.65rem;
    font-size: .6rem;
    line-height: 1.65rem;
    text-align: center
}

.PR_w h3 {
    height: 2rem;
    line-height: 2rem;
    color: #888;
    padding-left: .8rem;
    font-size: .7rem
}

.PR_w ul {
    background-color: #FFF
}

.PR_w li {
    line-height: 100%;
    padding: .6rem .8rem .6rem 4rem;
    color: #888;
    overflow: hidden;
    position: relative
}

.PR_w li strong {
    font-size: .6rem;
    position: absolute;
    left: .8rem;
    top: 50%;
    -webkit-transform: translateY(-50%)
}

.PR_w li span {
    color: #333;
    font-size: .7rem
}

.PR_remark {
    margin-top: 1.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: .8rem;
    position: relative
}

.PR_remark span {
    color: #888;
    width: 22%;
    height: 2.2rem;
    font-size: .6rem;
    padding-left: .8rem;
    position: absolute
}

.PR_remark input {
    padding-left: 4rem;
    width: 100%;
    height: 2.2rem;
    text-align: left;
    padding-right: .8rem;
    font-size: .8rem
}

.PR_remark_tips {
    padding: 1rem .8rem;
    font-size: .6rem;
    color: #888;
    line-height: .9rem
}

.OLP_banlance {
    height: 2rem;
    line-height: 2rem;
    padding-left: .75rem;
    font-size: .6rem;
    color: #888;
    overflow: hidden
}

.OLP_banlance em {
    color: #2181ea
}

.OLP_limit_tip {
    float: right;
    margin-top: .4rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #FFF;
    background-color: #666;
    width: 92px;
    font-size: 12px;
    text-align: left;
    display: inline-block;
    border-top-left-radius: .6rem;
    border-bottom-left-radius: .6rem
}

.OLP_limit_tip i {
    color: #666;
    text-align: center;
    display: inline-block;
    background-color: #FFF;
    border-radius: 50%;
    height: .8rem;
    line-height: .8rem;
    width: .8rem;
    margin: .2rem 3px 0 .2rem
}

.OLP_after:after {
    content: '美元'
}

.OLP_tab .OLP_after:after {
    content: '港币'
}

.OLP_money_con {
    position: relative;
    height: 2.05rem;
    background-color: #FFF
}

.OLP_money_con span,.OLP_select_list {
    height: 2.05rem;
    position: absolute;
    top: 0
}

.OLP_maney_num {
    padding-left: 6.09rem;
    height: 2.05rem;
    width: 100%;
    font-size: .7rem
}

.OLP_select_list {
    width: 5.34rem;
    background-color: #157eea;
    color: #FFF;
    font-size: .7rem;
    padding-left: .8rem;
    left: 0;
    background-image: url(../img/drop_icon.png);
    background-repeat: no-repeat;
    background-size: .77rem .43rem;
    background-position: 4.4rem .81rem
}

.OLP_money_con span,.OLP_parities,.OLP_parities2 {
    font-size: .6rem;
    color: #888
}

.OLP_select_item {
    height: 2.05rem
}

.OLP_money_con span {
    line-height: 2.05rem;
    right: .8rem
}

.OLP_parities {
    height: 2.38rem;
    line-height: 1.8rem;
    padding-left: .8rem
}

.OLP_parities2 {
    line-height: .8rem;
    padding: .3rem .75rem .5rem;
    height: auto
}

.OLP_accounttime {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #FFF;
    padding-left: .8rem;
    color: #333;
    position: relative;
    overflow: hidden
}

.OLP_accounttime img {
    position: absolute;
    right: .75rem;
    top: .85rem;
    width: 6px;
    height: 11px
}

.OLP_accounttime span {
    float: right;
    margin-right: 1.7rem;
    color: #888
}

.OLP_at_tips {
    padding: 0 .75rem;
    line-height: 2.3rem;
    overflow: hidden;
    color: #888
}

.OLP_purchase_item {
    height: 5.43rem;
    padding: 1.6rem .75rem;
    position: relative;
    background-color: #FFF
}

.OLP_currency_list {
    width: 3.1rem;
    height: 2.1rem;
    background-position: -10rem -5rem;
    position: absolute
}

.OLP_tab .OLP_currency_list {
    background-position: 0 -5rem
}

.OLP_currency_list:before {
    content: '美元';
    position: absolute;
    top: 105%;
    left: 0;
    text-align: center;
    width: 3.1rem;
    color: #888
}

.OLP_tab .OLP_currency_list:before {
    content: '港币'
}

.FAQ_title:before,.NG_head:before,.NG_title:before,.OLP_purchase_p:before {
    content: ''
}

.OLP_currency_list .turn_right {
    right: -1rem;
    top: .7rem
}

.OLP_purchase_num {
    margin-left: 3.9rem;
    height: 1.75rem;
    width: -webkit-calc(100% - 3.85rem);
    font-size: 1rem;
    color: #333;
    text-align: right
}

.OLP_purchase_p {
    height: 2.1rem;
    line-height: 2.1rem;
    color: #888;
    position: relative
}

.OLP_purchase_p:before {
    width: 3.1rem;
    height: 2.1rem;
    background-image: url(../img/banner_sp.png);
    background-size: 15rem;
    background-repeat: no-repeat;
    background-position: -5rem -5rem;
    overflow: hidden;
    position: absolute
}

.OLP_purchase_p img {
    position: absolute
}

.OLP_purchase_p strong {
    text-align: right;
    color: #333;
    font-size: 1rem;
    display: inline-block;
    height: 1.75rem;
    width: 100%
}

.OLP_popup,.OLP_popup h3,.OLP_popup p,.OLP_popup_sure,.UV_upload_con,.UV_upload_con p {
    text-align: center
}

.OLP_purchase_p span {
    position: absolute;
    top: 75%;
    left: 2.6%
}

.OLP_popup {
    height: 12.5rem;
    padding-top: 1.5rem
}

.OLP_popup img {
    height: 2.9rem
}

.OLP_popup h3 {
    font-size: .9rem;
    color: #000;
    margin-top: 1.25rem
}

.OLP_popup p {
    font-size: .7rem;
    color: #333;
    margin: 1.05rem 0
}

.OLP_popup_sure {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .8rem;
    color: #157EEA
}

.UV_head_tip,.UV_item {
    color: #333;
    font-size: .7rem
}

.UV_head_tip {
    line-height: .9rem;
    padding: 0 .75rem .5rem;
    margin-top: 11px
}

.UV_item {
    height: 2.3rem;
    line-height: 2.3rem;
    background-color: #fafafa;
    overflow: hidden;
    position: relative;
    padding: 0 .75rem
}

.UV_hkdbm span {
    float: right;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .37rem;
    padding: 0 .6rem;
    color: #FFF;
    background: url(../img/swift_bg.png) center no-repeat;
    background-size: 100% 100%
}

.DE_hb_con,.DE_popup_done,.UV_upload_con {
    background-color: #FFF
}

.UV_tip {
    line-height: .8rem;
    padding: .5rem .75rem 0;
    color: #888;
    font-size: .6rem
}

.UV_upload_tip {
    margin-top: 1.2rem;
    padding: 0 .75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #333;
    font-size: .6rem;
    overflow: hidden
}

.UV_upload_tip span {
    float: right;
    font-size: .7rem
}

.UV_upload_con {
    height: 4rem;
    position: relative
}

.UV_upload_con img {
    margin-top: .7rem;
    height: 1.5rem
}

.UV_upload_con.active img {
    margin-top: 1.25rem
}

.UV_upload_con.done img {
    margin: 0;
    height: 100%
}

.UV_upload_con p {
    margin-top: .2rem;
    font-size: 12px;
    color: #888
}

.UV_upload_con.active p,.UV_upload_con.done p {
    display: none
}

.UV_upload_con input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.WC_w .UV_hkdbm {
    margin-top: 11px
}

.WC_item .WC_tr {
    width: 6px;
    height: 11px;
    margin-left: 6px
}

.DE_w .OLP_banlance {
    font-size: .7rem
}

.DE_bot,.DE_top {
    padding: 1.8rem .75rem;
    position: relative;
    overflow: hidden;
    line-height: 1.7rem;
    text-align: right
}

.DE_bot strong,.DE_top strong {
    height: 1.7rem;
    width: 2.75rem;
    position: absolute;
    top: 1.8rem;
    left: .75rem
}

.us.banner_sp {
    background-position: -10rem -5rem
}

.hk.banner_sp {
    background-position: -.15rem -5.2rem
}

.cn.banner_sp {
    background-position: -5rem -5rem
}

.DE_bot strong i,.DE_top strong i {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 1.5rem;
    font-size: 12px;
    color: #888
}

.DE_popup_check,.MR_psw_con,.UST_popup_con {
    position: relative
}

.DE_bot span,.DE_top input {
    text-align: right;
    height: 1.7rem;
    padding-left: 3.9rem
}

.DE_top input {
    float: right;
    width: 100%;
    font-size: 1rem
}

.DE_bot span {
    color: #333;
    display: inline-block;
    font-size: 1.2rem
}

.DE_popup_title {
    font-size: .9rem;
    text-align: center;
    line-height: 2.2rem;
    border-bottom: 1px solid #ccc
}

.DE_w .UST_popup_con {
    padding: .4rem 0 1.8rem
}

.DE_popup_tips {
    text-align: left;
    font-size: 12px;
    color: #888;
    padding: 2.5rem 0 .5rem 1.4rem
}

.MR_psw_con {
    text-align: center;
    padding: 0 1.4rem
}

.MR_psw_con input {
    text-align: left;
    font-size: .7rem;
    width: 100%;
    text-indent: .2rem;
    height: 2.3rem;
    border: 1px solid #f1f2f5;
    border-radius: 5px
}

.DE_popup_done {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.DE_popup_done.active {
    display: block
}

.DE_popup_done div {
    padding: 1.5rem 0 1rem;
    text-align: center
}

.DE_popup_done div img {
    height: 2.7rem
}

.DE_popup_done h3 {
    text-align: center;
    font-size: .9rem;
    color: #333
}

.LS_header,.LS_tips {
    font-size: .8rem;
    text-align: center
}

.LS_w {
    background-color: #f6f5fa
}

.LS_header {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    color: #333;
    overflow: hidden;
    padding: 0 .8rem 0 .55rem;
    border-bottom: 1px solid #f1f2f5
}

.LS_header a {
    color: inherit
}

.LS_back_btn {
    position: absolute;
    left: .55rem;
    padding-left: .9rem;
    background-position: -.6rem .15rem
}

.LS_tips {
    margin-top: 8%
}

.LS_fot {
    margin-top: 20%;
    font-size: .7rem;
    text-align: center;
    color: #5CA5F0;
    line-height: 1.5rem
}

.LS_psw_list {
    overflow: hidden;
    margin-top: 2.4rem;
    padding: 0 2%;
    height: 40px
}

.LS_psw_list li {
    float: left;
    width: 16.6%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative
}

.LS_psw_list span {
    display: inline-block;
    border-radius: 50%;
    height: 1px;
    width: 1rem;
    line-height: 40px;
    border: 1px solid #157EEA;
    -webkit-transform-origin: 50% 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%)
}

.LS_psw_list .active span {
    -webkit-animation: pswAn .2s ease-in-out forwards
}

@-webkit-keyframes pswAn {
    from {
        background-color: #157EEA;
        height: 1px;
        width: 1rem
    }

    to {
        background-color: #157EEA;
        height: 40px;
        width: 2rem
    }
}

.GE_title,.GE_w,.SG_title,.SG_w,.ZCI_w,.ZC_w {
    color: #333;
    background-color: #f5f5f5
}

.LS_psw {
    opacity: 0
}

.GE_title,.SG_title {
    font-size: .9rem;
    text-align: center;
    height: 1.6rem;
    line-height: 1.6rem
}

.safeguard_list {
    overflow: hidden;
    padding-top: 1.4rem
}

.safeguard_item {
    text-align: center;
    width: 100%
}

.safeguard_item h2,.safeguard_item p {
    text-align: center;
    padding: 0 .5rem
}

.safeguard_item img {
    margin-bottom: 1.25rem;
    width: 9.4rem
}

.safeguard_item h2 {
    margin-bottom: 1.1rem;
    font-size: 13px
}

.safeguard_item p {
    font-size: 12px;
    color: #888;
    line-height: 22px;
    margin-bottom: 1.9rem
}

.safeguard_state {
    font-size: 10px;
    color: #ccc;
    line-height: 20px;
    padding: 0 8px 2.2rem;
    margin-top: -1rem
}

.ZCI_w .container,.ZC_w .container {
    padding: 0 .8rem;
    padding-top: inherit
}

.ZC_zero_title,.zero_title {
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    margin-top: .75rem;
    font-weight: 700
}

.ZC_zero_title {
    margin-top: 1.7rem
}

.zeroC_icon_con {
    text-align: center
}

.zeroC_icon {
    margin: .875rem 0 .45rem;
    width: 5.65rem
}

.zero_state {
    font-size: .65rem;
    line-height: .85rem;
    margin-bottom: .85rem
}

.zero_rate_tips {
    font-size: 12px;
    color: #888;
    margin-bottom: .6rem
}

.zero_rate_state {
    font-size: 12px;
    color: #888;
    margin-top: .6rem
}

.ZC_rate_list {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    width: 100%;
    overflow: hidden
}

.ZC_rate_list li {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    color: #333;
    text-align: left;
    padding-left: .325rem;
    height: 1.5rem;
    line-height: 1.5rem;
    float: left;
    width: 16.66%;
    font-size: 12px
}

li.ZC_rate_head {
    color: #888
}

li.ZC_rate_blue {
    color: #157eea
}

.ZC_btn_con {
    margin: 1.275rem 0 1.475rem;
    text-align: center
}

.ZC_btn {
    border: 2px solid #157EEA;
    color: #157EEA;
    height: 1.625rem;
    width: 6.55rem;
    border-radius: 5px;
    line-height: 1.45rem;
    display: inline-block;
    text-align: center
}

.ZC_tips {
    font-size: 12px;
    color: #CCC;
    padding-bottom: .85rem
}

.ZCI_title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 1.475rem
}

.ZCI_bgInfo {
    font-size: 12px;
    line-height: 1rem;
    margin-top: 1.4rem;
    margin-bottom: .9rem;
    color: #888
}

.ZCI_text {
    font-size: .8rem;
    line-height: 1.35rem;
    margin-bottom: 1.35rem
}

a[disabled],button[disabled],div[disabled],input[type=button][disabled] {
    background: #aaa!important
}

.realname_item .ABC_bankName {
    z-index: 1
}

a.disabledColor {
    color: #CCC!important
}

.toast-message {
    position: fixed;
    z-index: 10000;
    background-color: #000;
    text-align: center;
    bottom: 60px;
    color: #fff;
    opacity: .8;
    border-radius: 3px;
    padding: 5px 8px;
    font-size: 12px;
    width: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    display: none
}

.http-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: .3em;
    background-color: transparent;
    display: block
}

.RC_w .MV_withdraw_wrap,.body-hideheader header,header {
    display: none
}

.http-loading-progress {
    float: left;
    width: 0;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    background-color: #00c113;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width 1s ease;
    -o-transition: width 1s ease;
    transition: width 1s ease
}

.conLyjIndex .buy-flag {
    color: #f44336;
    border-color: #f44336
}

.conLyjIndex .sold-flag {
    color: #6dbb70;
    border-color: #6dbb70
}

.conLyjIndex .In_account_done {
    margin-bottom: 0
}

.conSetpwd input[type=button][disabled] {
    background: #CCC
}

.realname_item span.bank-name {
    position: absolute;
    right: 10px;
    left: inherit;
    width: auto;
    color: #888
}

.CPN_w .container {
    background: #FFF
}

.FAQ_list,.buying_sp_true {
    background-repeat: no-repeat
}

.RC_w .realname_sub {
    margin: 1.8rem .875rem 0;
    height: 2.5rem;
    line-height: 2.5rem
}

.RC_w .submit {
    border: none;
    background-color: #157eea;
    color: #FFF;
    width: 1005;
    border-radius: 5px;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .9rem;
    text-align: center
}

.ios7-body .I_w .ios7,.ios7-body .L_lock .ios7 {
    height: 0
}

.untradable .AM_oprate_item[disabled] {
    opacity: .2
}

.untradable .TS_oprate_con>span[disabled] {
    opacity: .7!important
}

.buying_sp_true {
    background-image: url(../img/buying_sp.png);
    background-size: 12.5rem
}

.border_bottom {
    border-bottom: 1px solid #f1f2f5!important
}

.body-showheader header {
    display: block
}

.body-showheader .I_w .Buy_query_wrap {
    top: 42Rpx!important;
    padding-top: 2rem
}

.body-showheader .AM_w .Buy_query_wrap,.body-showheader .Buy_query_wrap {
    padding-top: 3.95rem
}

.ios7-body .I_w .I_search_con .I_search {
    top: 1.2rem
}

.ios7-body .I_w .I_cancel {
    top: 1.1rem
}

.ios7-body .I_w .I_kh .I_cancel {
    top: 2.15rem
}

.ios7-body .I_w .Buy_query_wrap {
    padding-top: 2.7rem
}

.ios7-body .L_Login .L_user_info,.ios7-body .L_lock .L_user_info {
    padding-top: 1.8rem
}

.body-hideheader .A_back_btn,.body-hideheader .back_btn {
    display: none!important
}

.body-showheader .A_back_btn,.body-showheader .back_btn {
    display: block!important
}

.ios7-body .AM_w .Buy_query_wrap {
    padding-top: 3.9rem
}

.l_app {
    overflow-y: scroll!important
}

input[type=date] {
    background-color: #fff!important
}

.pull-to-refresh {
    position: absolute;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 0;
    height: 50px;
    text-align: center;
    line-height: 18px;
    opacity: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff;
    border: 1px solid #ccc;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opcaity;
    transition-property: opacity
}

.pull-to-refresh.active {
    opacity: 1;
    z-index: 100000
}

.pull-to-refresh i {
    display: none
}

.pull-to-refresh p {
    font-size: 14px;
    text-align: center
}

.pull-to-refresh .last-time {
    color: #eee;
    font-size: 13px
}

.NG_w {
    color: #333
}

.NG_w.wraper,.NG_white {
    background-color: #FFF
}

.NG_head {
    height: 42.5px;
    margin: 0 .75rem;
    line-height: 42.5px;
    font-size: 17px;
    position: relative;
    padding-left: 16px
}

.NG_head:before,.NG_title:before {
    height: 14px;
    width: 3px;
    position: absolute;
    left: -7px;
    top: 13px;
    background-color: #157EEA
}

.NG_title:before {
    top: 6px
}

.fun_list {
    padding: 10px 16px 0;
    overflow: hidden
}

.fun_item {
    float: left;
    width: 33.33%;
    height: 90.5px;
    text-align: center;
    position: relative
}

.FAQ_item a,.fun_item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10
}

.FAQ_item a:active,.fun_item a:active {
    background-color: rgba(204,204,204,.3)
}

.fun_item_icon {
    height: 53px;
    width: 42px;
    margin: 0 auto;
    padding-top: 25.5px;
    display: block
}

.fun_item_title {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #333
}

.fun_item1 {
    background-position: -9px 2.5px
}

.fun_item2 {
    background-position: -113px 2.5px
}

.fun_item3 {
    background-position: -207px 2.5px
}

.fun_item4 {
    background-position: -11px -97.5px
}

.fun_item5 {
    background-position: -107px -97.5px
}

.FAQ_list {
    padding: 30px .75rem 10px;
    background-image: url(../img/ng_bg.jpg);
    background-position: left bottom;
    background-size: 100% 100%
}

.FAQ_item {
    height: 49.5px;
    line-height: 49.5px;
    width: 100%;
    font-size: 14px;
    color: #FFF;
    position: relative;
    border-bottom: 1px solid #649fd0
}

.FAQ_item a {
    width: calc(100% + 1.5rem);
    height: 49.5px;
    left: -.75rem;
    padding-left: .75rem
}

.FAQ_item .turn_right {
    top: 19.5px;
    right: .75rem
}

.FAQ_title {
    padding-left: 8px;
    font-size: 16px
}

.FAQ_title:before {
    height: 12px;
    width: 2px;
    position: absolute;
    left: .75rem;
    top: 18.5px;
    background-color: #FFF
}

.NG_h1 {
    line-height: 35px;
    font-size: 24px;
    color: #2081e7;
    padding: 10px 0 0;
    overflow: hidden
}

.NG_h1 span {
    display: inline-block;
    line-height: 35px;
    height: 35px;
    width: 35px;
    background: url(../img/ng_face_icon.png) center no-repeat #2081e7;
    background-size: auto 24px;
    margin-right: 7px;
    vertical-align: bottom
}

.NG_h1 .NG_h1_cost,.NG_title {
    line-height: 30px;
    font-size: 18px
}

.NG_img_wraper1 img,.NG_img_wraper2 img,.NG_img_wraper3 img,.NG_img_wraper4 img,.NG_trade_lizi {
    width: 100%
}

.NG_h1 .NG_h1_cost {
    float: right;
    margin-right: .75rem;
    border-bottom: 2px solid #2081e7
}

.NG_title {
    margin: 20px .75rem 3px;
    position: relative;
    font-weight: 700
}

.NG_answer,.NG_question {
    font-size: 14px;
    padding: 0 .75rem
}

.NG_question {
    line-height: 25px;
    margin: 7px 0;
    color: #2081e7
}

.NG_answer {
    line-height: 20px;
    margin-bottom: 10px;
    color: #333
}

.NG_stock_style1,.NG_stock_style2 {
    padding-left: 7px
}

.NG_stock_style1 {
    color: #ff7e00
}

.NG_title2 {
    font-size: 15px;
    line-height: 28px;
    padding: 0 .75rem
}

.NG_state,.NG_title3 {
    font-size: 14px;
    padding: 0 .75rem
}

.NG_title3 {
    line-height: 25px
}

.NG_marginTop26 {
    margin-top: 26px
}

.NG_marginTop7 {
    margin-top: 7px
}

.NG_marginBottom7 {
    margin-bottom: 7px
}

.NG_marginBottom20 {
    margin-bottom: 20px
}

.NG_state {
    line-height: 25px;
    color: #888
}

.NG_color_style1 {
    color: #2081e7
}

.NG_font_size12 {
    font-size: 12px;
    line-height: 25px
}

.NG_font_size16 {
    font-size: 16px;
    line-height: 25px
}

.NG_img_wraper1 {
    padding: .5rem .5rem 1.5rem
}

.NG_img_wraper2 {
    padding: .5rem 2rem 1.5rem .5rem
}

.NG_img_wraper3 {
    padding: .5rem 2rem 1.5rem
}

.NG_img_wraper4 {
    padding: .5rem 1rem 1.5rem 2rem
}

.NG_end_tip {
    font-size: 12px;
    line-height: 16px;
    padding: 0 .75rem;
    margin: 20px 0
}

.NG_cost_table {
    border: 1px solid #2081e7;
    margin: 0 .75rem .7rem;
    outline: 0;
    padding: 0;
    border-bottom: none;
    border-right: none
}

.NG_cost_table th {
    background-color: #2081e7;
    border: none;
    color: #FFF;
    font-weight: 400;
    font-size: 14px;
    height: 1.3rem;
    padding: 0
}

.NG_cost_table th:nth-child(1),.NG_cost_table tr td:nth-child(1),.NG_cost_table tr td:nth-child(2) {
    width: 33%;
    text-align: center
}

.NG_cost_table tr td:nth-child(3) {
    width: 33%
}

.NG_cost_table tr td:nth-child(2),.NG_cost_table tr td:nth-child(3) {
    padding: 4px
}

.NG_cost_table td {
    border: 1px solid #2081e7;
    border-top: none;
    border-left: none;
    font-size: 12px;
    height: 2.25rem
}

.kb_mNum_wraper button,.kb_num_item {
    font-size: .8rem;
    border-top: 1px solid #d7d7d9
}

.NG_cost_table td.bgColor {
    background-color: #bcddff
}

.NG_cost_table tr td:last-child {
    color: #2081e7
}

@media only screen and (min-height: 668px) and (max-height:736px) {
    .FAQ_list {
        padding-top:65px
    }
}

.keyboard_con {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 38vh;
    z-index: 10000;
    display: none;
    overflow: hidden
}

.keyboard_con button {
    background-color: #fff;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.keyboard_abc_con,.keyboard_mNum_con,.keyboard_num_con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    -webkit-animation: keyboardFadeIn .4s ease-in
}

.keyboard_abc_con.active,.keyboard_mNum_con.active,.keyboard_num_con.active {
    display: block;
    opacity: 1
}

@-webkit-keyframes keyboardFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.kb_abc_wraper,.kb_mNum_wraper,.kb_num_wraper {
    overflow: hidden;
    background-color: #c7c8cc
}

.kb_abc_delete,.kb_abc_space,.kb_list_sNum,.kb_mNum_wraper,.kb_num_item,.keyboard_abc_con .kb_val {
    background-color: #FFF
}

.kb_mNum_wraper button {
    width: 20vw;
    color: #333;
    text-align: center;
    border-right: 1px solid #d7d7d9;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.kb_list_func,.kb_list_mNum {
    height: 38vh;
    width: 20vw;
    float: left;
    overflow: hidden
}

.kb_list_mNum button {
    border-right: none
}

.kb_list_mNum,.kb_num_item {
    border-right: 1px solid #d7d7d9
}

.kb_mNum_item {
    height: 7.61vh;
    float: left;
    line-height: 7.6vh
}

.kb_list_sNum {
    height: 38vh;
    width: 60vw;
    float: left;
    overflow: hidden
}

.kb_func_item,.kb_sNum_item {
    float: left;
    height: 9.53vh;
    line-height: 9.5vh
}

.kb_abc_line,.kb_num_item,.kb_num_list {
    height: 9.5vh;
    text-align: center
}

.kb_mNum_wraper .kb_mNum_tab {
    width: 40vw
}

.kb_num_list {
    width: 100%;
    overflow: hidden
}

.kb_num_item {
    float: left;
    line-height: 9.5vh;
    width: 25vw;
    color: #333;
    touch-action: manipulation
}

.kb_disabled .kb_num_tab {
    display: none
}

.kb_disabled .kb_num_sure {
    width: 50vw
}

.kb_abc_line {
    width: 100%;
    overflow: hidden
}

.kb_abc_item {
    float: left;
    height: 7.625vh;
    width: 7.22vw;
    margin: .9375vh 1.39vw;
    font-size: .9rem;
    color: #333;
    text-align: center;
    line-height: 7.625vh;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0,0,0,.4)
}

.kb_abc_A {
    margin-left: 6.39vw
}

.kb_abc_changecase {
    background-color: #abb4bd;
    width: 12.22vw
}

.kb_abc_delete {
    width: 12.22vw
}

.kb_abc_sure,.kb_abc_tab {
    width: 22.22vw;
    background-color: #c0c3c8
}

.kb_abc_space {
    width: 47.22vw
}

.kb_tapped_style1:active {
    background-color: #f4f4f4
}

.kb_tapped_style2:active {
    background-color: #eaeaea
}

.kb_tapped_style3:active {
    background-color: #e0e0e0
}

.kb_tapped_style4:active {
    background-color: #eaeaea
}

input.keyboard-highlight {
    border: 1px solid #ccc!important;
    box-shadow: 0 0 5px #ccc;
    z-index: 1000
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-fles-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

/*! 
 * angular-loading-bar v0.8.0
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2015 Wes Cruver
 * License: MIT
 */
#loading-bar,#loading-bar-spinner {
    pointer-events: none;
    -webkit-pointer-events: none;
    -webkit-transition: 350ms linear all;
    -moz-transition: 350ms linear all;
    -o-transition: 350ms linear all;
    transition: 350ms linear all
}

#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active,#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active {
    opacity: 0
}

#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave,#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave {
    opacity: 1
}

#loading-bar .bar {
    -webkit-transition: width 350ms;
    -moz-transition: width 350ms;
    -o-transition: width 350ms;
    transition: width 350ms;
    background: #00c113;
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: .3em;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px
}

#loading-bar .peg {
    position: absolute;
    width: 70px;
    right: 0;
    top: 0;
    height: .3em;
    opacity: .45;
    -moz-box-shadow: #00c113 1px 0 6px 1px;
    -ms-box-shadow: #00c113 1px 0 6px 1px;
    -webkit-box-shadow: #00c113 1px 0 6px 1px;
    box-shadow: #00c113 1px 0 6px 1px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

#loading-bar-spinner {
    display: block;
    position: fixed;
    z-index: 10002;
    top: 10px;
    left: 10px
}

.UMO_mo_con.hide .UMO_mo_wraper,.done .URI_bank_con::after {
    display: none
}

#loading-bar-spinner .spinner-icon {
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-top-color: #00c113;
    border-left-color: #00c113;
    border-radius: 50%;
    -webkit-animation: loading-bar-spinner .4s linear infinite;
    -moz-animation: loading-bar-spinner .4s linear infinite;
    -ms-animation: loading-bar-spinner .4s linear infinite;
    -o-animation: loading-bar-spinner .4s linear infinite;
    animation: loading-bar-spinner .4s linear infinite
}

.URI_currency,.UWI_wd_title {
    height: 2.25rem;
    line-height: 2.25rem;
    overflow: hidden;
    color: #333
}

@-webkit-keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes loading-bar-spinner {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes loading-bar-spinner {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes loading-bar-spinner {
    0% {
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-bar-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.wraper {
    background-color: #f6f5fa
}

.URI_currency {
    background-color: #FFF;
    margin: 11px 0;
    font-size: .7rem
}

.URI_currency span,.UWI_wd_name span {
    float: left
}

.URI_currency em,.UWI_wd_name em {
    float: right
}

.URI_bank_con,.URI_bank_numb_con {
    height: 2.3rem;
    line-height: 2.3rem;
    position: relative;
    background-color: #FFF
}

.URI_bank_con span,.URI_bank_numb_con span {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 4rem;
    height: 2.3rem;
    text-align: left;
    padding-left: .75rem
}

.URI_bank_list,.URI_bank_numb_con input {
    padding-left: 4.4rem;
    border: 1px solid transparent;
    font-size: .7rem;
    position: absolute;
    left: 0
}

.URI_bank_list {
    width: 100%;
    height: 2.3rem;
    z-index: 1;
    float: left;
    top: 0;
    padding-right: 2.5rem;
    background-color: #FFF;
    text-align: right
}

.URI_bank_con::after {
    content: ' ';
    background-image: url(../img/drop_blue_icon.png);
    background-repeat: no-repeat;
    background-size: .85rem auto;
    width: .9rem;
    height: .5rem;
    position: absolute;
    z-index: 100;
    right: .75rem;
    top: .9rem
}

.URI_bank_numb_con input {
    width: 100%;
    height: 2.3rem;
    z-index: 1;
    top: 0
}

.URI_bank_numb_con em {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    width: 4rem;
    height: 2.3rem;
    text-align: right;
    padding-right: .75rem
}

.ABC_bank_logo {
    z-index: 100;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: .75rem;
    top: .4rem
}

.URI_tip {
    height: 2.3rem;
    font-size: .6rem;
    line-height: .9rem;
    position: relative;
    color: #888;
    padding: .3rem .75rem
}

.UWI_wd_con {
    position: relative;
    margin-top: 11px
}

.UWI_wd_title {
    background-color: #fafafa;
    margin: 11px 0 0;
    font-size: .8rem
}

.UWI_wd_bankcard,.UWI_wd_name {
    line-height: 2.25rem;
    background-color: #FFF;
    color: #333;
    font-size: .7rem;
    height: 2.25rem;
    position: relative;
    overflow: hidden
}

.UWI_wd_bankcard span {
    float: left
}

.UWI_wd_bankcard strong {
    float: right;
    padding-right: .75rem
}

.UWI_wd_bankcard .turn_right {
    top: .85rem
}

.UWI_wd_con .UWI_wd_code span {
    width: 8rem
}

.UWI_wd_con .UWI_wd_code input {
    padding-left: 8.4rem
}

.UWI_tel {
    background-color: #157EEA;
    color: #FFF;
    padding: .2rem .4rem;
    word-break: keep-all;
    float: right;
    margin-top: .5rem
}

.OBI_bi_list,.UWI_accoutTime,.UWI_top_tip {
    margin-top: 11px
}

.UWI_top_tip {
    height: 2.25rem;
    line-height: 3.25rem;
    color: #888;
    font-size: .6rem
}

.OBI_head {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #FFF;
    overflow: hidden;
    color: #333
}

.OBI_head .OBI_cancel,.OBI_head .OBI_sure {
    float: left;
    background-color: transparent;
    border: none;
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    line-height: 2.25rem;
    font-size: .75rem
}

.OBI_head .OBI_sure {
    float: right
}

.OBI_bi_list {
    height: 2.3rem;
    line-height: 2.3rem;
    position: relative;
    background-color: #FFF
}

.OBI_bi_list span {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 6rem;
    height: 2.3rem;
    text-align: left;
    padding-left: .75rem
}

.AS_status_icon,.AS_w,.BPG_head,.PG_bot_item,.PG_bottom h2,.PG_head h1 {
    text-align: center
}

.OBI_bi_list input,.OBI_bi_list select {
    width: 100%;
    padding-left: 6rem;
    height: 2.3rem;
    position: absolute;
    z-index: 1;
    left: 0;
    border: 1px solid transparent;
    font-size: .7rem;
    top: 0
}

.OBI_bi_list.OBI_bm input {
    padding-left: 8rem
}

.OBI_bi_list.OBI_bm span {
    width: 8rem
}

.PG_w {
    background-color: #64b1ff
}

.PG_center,.PG_head {
    overflow: hidden;
    position: relative
}

.PG_center img,.PG_head img {
    float: left;
    width: 100%
}

.PG_head h1 {
    position: absolute;
    width: 100%;
    left: 0;
    top: .7rem;
    height: 1.9rem;
    color: #FFF;
    font-size: .85rem;
    line-height: 1.7rem;
    background: url(../img/PG_title_bg.png) center no-repeat;
    background-size: auto 1.9rem
}

.PG_bottom,.UMO_w {
    background-color: #FFF
}

.PG_center {
    position: relative
}

.PG_step_list {
    padding: 6% 0 6.2%;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.PG_step_item {
    height: 15.1%;
    padding-left: 27%;
    padding-right: 7%;
    font-size: .6rem;
    color: #333;
    line-height: .85rem
}

.PG_step_item:nth-child(2) {
    margin-top: 4.8%
}

.PG_step_item:nth-child(3) {
    margin-top: 7%
}

.PG_step_item:nth-child(4) {
    margin-top: 7.2%
}

.PG_bottom {
    margin: 11px .75rem;
    border-radius: 5px
}

.PG_bottom h2 {
    font-size: .75rem;
    height: 2.25rem;
    line-height: 2.25rem
}

.PG_bot_list {
    overflow: hidden;
    border-radius: 5px
}

.PG_bot_item {
    width: 25%;
    height: 25vw;
    padding: .55rem 0;
    float: left;
    border-right: 1px solid #F1F2F5;
    border-bottom: 1px solid #F1F2F5
}

.PG_bot_item img {
    height: 1.95rem
}

.PG_bot_item p {
    font-size: .6rem;
    padding-top: .4rem
}

.UMO_head,.UMO_head_item {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fafafa;
    overflow: hidden;
    position: relative;
    margin: 11px 0 0;
    color: #333;
    font-size: .8rem
}

.UMO_head_item {
    margin: 0;
    font-size: .75rem;
    background-color: #FFF
}

.UMO_head_item em {
    float: right;
    color: #44a4ff
}

.UMO_mo_con {
    background-color: #FFF;
    padding-bottom: 1rem
}

.UMO_remit_arrow {
    -webkit-transition: all .1s ease-in-out;
    -webkit-transform: rotate(90deg)
}

.UMO_mo_con.hide .UMO_remit_arrow {
    -webkit-transform: rotate(0)
}

.UMO_mo_wraper {
    margin: 11px .4rem 0;
    padding: 1.3rem 7.7%;
    overflow: hidden;
    position: relative;
    background: url(../img/umo_bg.png) center no-repeat;
    background-size: 100% 100%
}

.UMO_mo_list,.UMO_mo_title {
    background-color: #FFF
}

.UMO_mo_title {
    line-height: 1.2rem;
    font-size: .75rem;
    padding: .8rem .6rem 0
}

.UMO_mo_title em {
    font-weight: 700;
    vertical-align: top
}

.UMO_mo_list {
    padding: 0 .6rem
}

.UMO_mo_item {
    position: relative;
    font-size: .7rem;
    color: #888
}

.UMO_mo_item span {
    position: absolute;
    left: 0
}

.UMO_mo_item p {
    padding-left: 4rem;
    line-height: 1rem;
    color: #44a4ff
}

.UMO_head span,.UMO_swift_con {
    height: 1.5rem;
    line-height: 1.5rem
}

.UMO_swift_con {
    font-size: .7rem;
    overflow: hidden;
    margin: .85rem 0
}

.UMO_head span {
    float: right;
    margin-top: .37rem;
    padding: 0 .6rem;
    color: #FFF;
    background: url(../img/swift_bg.png) center no-repeat;
    background-size: 100% 100%
}

.UMO_button {
    margin: 1.3rem .75rem
}

.UMO_mo_remark {
    line-height: 1.2rem;
    font-size: .75rem;
    padding: .8rem .6rem 0;
    overflow: hidden;
    background-color: #FFF
}

.UMO_mo_remark span {
    float: right;
    color: #4aa6fc
}

.UMO_mo_tip {
    color: #888;
    font-size: .6rem;
    padding: 0 .6rem .8rem;
    background-color: #FFF
}

.BPG_head {
    padding: 1.25rem
}

.BPG_bank_logo {
    height: 3rem
}

.BPG_title {
    font-size: .8rem;
    margin-top: .9rem
}

.BPG_step_con,.BPG_toll_con {
    margin: 0 .75rem 11px;
    background-color: #FFF;
    border-radius: 5px;
    padding: .65rem 0 1.2rem;
    border: 1px solid #F1F2F5
}

.BPG_toll_title {
    height: 1.75rem;
    position: relative;
    left: -.3rem;
    line-height: 1.5rem;
    font-size: .8rem;
    color: #FFF;
    background-image: url(../img/bpg_title_bg.png);
    background-repeat: no-repeat;
    background-size: auto 1.75rem;
    background-position: 0;
    margin-bottom: 1rem;
    overflow: visible
}

.BPG_step_state,.BPG_toll_item {
    margin-bottom: .8rem
}

.BPG_w .swiper-slide,.CPA_header,.JFZ_broadcast_con,.JFZ_head,.JFZ_rule_title,.JFZ_usStock_item,.JFZ_usStock_title,.LI_head,.LI_head_total,.LI_item_body,.LI_item_head,.LI_trade_cost,.LR_banner_con,.LR_charge_con,.LSA_stock_info h3,.LSA_stock_info p,.LSA_trade_item,.LTI_item,.LTI_money_list,.LTI_money_title,.LT_bot_nav,.LT_oprate_con,.LT_rate_con,.UST_useWay_list {
    overflow: hidden
}

.BPG_toll_item {
    line-height: 1rem;
    font-size: .7rem;
    position: relative;
    padding-left: .45rem
}

.BPG_step_state,.BPG_tip {
    font-size: .6rem;
    line-height: .9rem
}

.BPG_toll_item span {
    position: absolute;
    color: #888;
    left: .45rem
}

.BPG_toll_item p {
    padding-left: 3.8rem
}

.BPG_tip {
    color: #888;
    padding-left: .45rem
}

.BPG_step_con {
    padding-bottom: .2rem
}

.BPG_step_state i {
    background-color: #157EEA;
    color: #FFF;
    border-radius: 50%;
    margin-right: 3px;
    display: inline-block;
    padding: .15rem .3rem;
    line-height: .6rem
}

.BPG_step_state a {
    color: #157EEA
}

.BPG_step_state span {
    color: #E91514
}

.BPG_step_state strong {
    font-size: .7rem;
    font-weight: 700
}

.BPG_img_wraper {
    margin: 0 .75rem
}

.BPG_img_wraper img {
    width: 100%;
    margin-bottom: .8rem
}

.BPG_popup_con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000
}

.BPG_popup_close {
    position: absolute;
    left: 4%;
    top: 4%;
    width: .8rem;
    z-index: 1000
}

.BPG_popup_con .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute!important
}

.swiper-wrapper {
    width: 100%;
    height: 100%
}

.BPG_w .swiper-slide {
    width: 100%;
    height: 100%;
    position: absolute
}

.BPG_popup_con .swiper-slide img {
    width: 100%;
    float: left;
    margin-top: 3rem;
    position: relative;
    z-index: 100
}

.BPG_popup_con .swiper-slide p {
    font-size: .6rem;
    line-height: .9rem;
    position: absolute;
    top: 82%;
    padding: 0 .75rem;
    color: #FFF
}

.swiper-container .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #FFF;
    opacity: 1;
    background-color: transparent
}

.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #FFF
}

.swiper-container .swiper-pagination {
    bottom: 14.5%
}

@media only screen and (min-height: 481px) and (max-height:568px) {
    html {
        font-size:18px
    }

    .PG_step_item {
        line-height: .75rem
    }

    .PG_step_item:nth-child(2) {
        margin-top: 5.8%
    }

    .PG_step_item:nth-child(4) {
        margin-top: 10.2%
    }
}

@media only screen and (max-height: 480px) {
    html {
        font-size:16px
    }

    .PG_step_item {
        line-height: .85rem
    }

    .PG_step_item:nth-child(2) {
        margin-top: 5.8%
    }

    .PG_step_item:nth-child(4) {
        margin-top: 10.2%
    }
}

.AS_status_icon {
    padding: 2.5rem 0 2rem
}

.AS_checking.hide,.AS_failed.hide,.AS_success.hide {
    display: none
}

.AS_status_icon img {
    height: 4.35rem
}

.AS_title {
    font-size: .95rem;
    color: #333;
    line-height: 1
}

.AS_state {
    font-size: .7rem;
    color: #666;
    margin: .8rem 0 1.7rem;
    line-height: 1rem
}

.AS_btn_con {
    margin: .6rem 0 0;
    padding: 0 .75rem
}

.AS_btn_con button {
    width: 100%;
    height: 2.25rem;
    border: 1px solid #2486eb;
    border-radius: 4px;
    font-size: .8rem;
    line-height: 2.2rem
}

.AS_fail_tip {
    background-color: #fff;
    padding: .75rem;
    margin-top: .9rem
}

.AS_tip_title {
    color: #666;
    font-size: .7rem;
    margin-bottom: .5rem
}

.AS_tip_state {
    padding-left: 2.5rem;
    font-size: .6rem;
    color: #888;
    text-align: left;
    line-height: 1rem
}

.CPA_btn_groups,.CPA_knowMore_con,.SOA_body,.SOA_ft_con,.SOA_icon_con,.SOA_logo,.SOA_state {
    text-align: center
}

.AS_btn_primary {
    color: #fff;
    background-color: #2486eb
}

.AS_btn_white {
    color: #2486eb;
    background-color: #fff
}

.CPA_w {
    background-color: #3c9bfb;
    color: #333
}

.CPA_header {
    position: relative
}

.CPA_logo {
    position: absolute;
    top: .75rem;
    left: .4rem;
    height: 1.5rem
}

.CPA_flag {
    width: 87%;
    margin: .4rem 0 0 1.35rem;
    float: left
}

.CPA_btn_groups {
    padding-top: 1.65rem
}

.CPA_openAnAccount {
    height: 2.7rem;
    width: 13.3rem;
    background: url(../img/cpa_oaa_btn.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: .7rem
}

.CPA_progress {
    font-size: .8rem;
    color: #FFF;
    font-weight: 700
}

.CPA_progress a:active {
    color: #FFE95F
}

.CPA_footer {
    background-image: url(../img/cpa_bot_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 4rem;
    background-position: 0 0;
    padding-top: 4rem;
    margin-top: -.5rem
}

.CPA_adv_con {
    background-color: #0167cf;
    padding: 1rem .6rem
}

.CPA_adv_wraper {
    border-radius: 5px;
    position: relative
}

.CPA_content {
    width: 100%
}

.CPA_knowMore_con {
    margin-top: 1.4rem
}

.CPA_knowMore_btn {
    height: 2.1rem;
    width: 12.1rem;
    margin: 0 auto;
    background: url(../img/cpa_know_more.png) center no-repeat;
    background-size: 100% 100%
}

.CPA_contact_con,.SOA_state {
    margin-top: 1rem
}

.CPA_contact_con.gray {
    color: #999;
    padding: 0 0 1rem
}

.POA_w,.SOA_w {
    background-color: #f6f5fa;
    color: #333;
    -webkit-user-select: all;
    user-select: all;
    -webkit-touch-callout: default
}

.SOA_header {
    padding: 1.6rem 0 1.5rem
}

.SOA_icon_con img {
    height: 4rem
}

.SOA_state {
    font-size: 1.4rem
}

.SOA_body {
    font-size: .7rem
}

.SOA_guide {
    color: #999
}

.SOA_focus_gzh {
    color: #999;
    margin: .5rem 0
}

.SOA_focus_gzh span {
    color: #148cff;
    font-size: 1.4rem
}

.SOA_erweima img {
    height: 10.5rem;
    -webkit-touch-callout: default;
    -webkit-user-select: auto;
    user-select: auto
}

.SOA_erweima_tip {
    color: #999
}

.SOA_logo {
    padding: 1.5rem 0 1rem
}

.SOA_logo img {
    height: 1.3rem
}

.SOA_success_ft {
    padding: 2.75rem .75rem 0
}

.SOA_ft_con {
    position: relative;
    color: #FFF;
    padding-bottom: 1px;
    background-color: #148cff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.SOA_ft_title {
    height: 2.2rem;
    color: #148cff;
    font-size: .9rem;
    border: 1px solid #148cff;
    border-radius: 1.1rem;
    line-height: 2.2rem;
    padding: 0 1.1rem;
    margin-bottom: .5rem;
    position: relative;
    top: -1.1rem;
    display: inline-block;
    background-color: #FFF
}

.SOA_ft_item {
    text-align: left;
    font-size: .9rem;
    padding-left: 5rem;
    padding-right: .75rem;
    line-height: 1.7rem;
    margin: 0 0 .9rem;
    position: relative
}

.SP_popup_icon,.SP_popup_title {
    text-align: center
}

.SOA_ft_item:nth-child(5) {
    margin-bottom: .45rem
}

.SOA_ft_item::before {
    content: ' ';
    position: absolute;
    left: 2.6rem;
    top: 0;
    height: 1.7rem;
    width: 1.7rem;
    background: url(../img/soa_ft_icon.png) no-repeat #2694ff;
    background-size: 1.2rem 12.25rem;
    border-radius: 50%
}

.SOA_ft_item:nth-child(1)::before {
    background-position: .25rem .25rem
}

.SOA_ft_item:nth-child(2)::before {
    background-position: .25rem -2.4rem
}

.SOA_ft_item:nth-child(3)::before {
    background-position: .25rem -5.45rem
}

.SOA_ft_item:nth-child(4)::before {
    background-position: .25rem -8.2rem
}

.SOA_ft_item:nth-child(5)::before {
    background-position: .25rem -11rem
}

.SOA_check,.SOA_done,.SOA_fail {
    display: none
}

.succeed .SOA_done {
    display: initial
}

.fail .SOA_done,.fail .SOA_submit,.succeed .SOA_check,.succeed .SOA_submit {
    display: none
}

.checking .SOA_check {
    display: initial
}

.checking .SOA_state .SOA_submit {
    display: none
}

.fail .SOA_fail {
    display: initial
}

.fail .SOA_body {
    display: none
}

.ARR_w .SOA_logo,.fail .SOA_logo {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%
}

.POA_w .realname_img {
    width: auto
}

.POA_w .realname_item input {
    padding-left: .75rem
}

.POA_w .account_tips {
    height: 9.6rem;
    padding-top: 1rem
}

.POA_w .account_tips_word {
    font-size: .9rem;
    color: #666;
    height: 3.2rem;
    line-height: 3rem
}

.POA_w .resend,.POA_w .submit {
    background-color: #228fff
}

.POA_w .CPA_contact_con {
    margin-top: 3rem
}

.SP_popup_con {
    position: absolute;
    width: 83%;
    left: 8.5%;
    top: 30%;
    background-color: #FFF;
    border-radius: 5px;
    padding: 1rem .75rem
}

.SP_popup_icon img {
    height: 3.5rem
}

.SP_popup_title {
    font-size: .8rem;
    color: #666;
    margin: 1rem 0 0
}

.ARR_tip,.RGS_w .SOA_erweima_tip,.RGS_w .SOA_focus_gzh,.RGS_w .SOA_guide {
    color: #888
}

.SP_popup_nextBtn {
    margin-top: 1rem
}

.ARR_tip {
    font-size: .65rem;
    margin-top: 1.5rem;
    width: 100%;
    display: block;
    padding: 0 .75rem
}

.RGS_w .SOA_header {
    padding: 1.8rem 0 3.2rem
}

.JFZ_w {
    background-color: #ffc705
}

.JFZ_w .container.padBot {
    padding-bottom: 3.2rem
}

.JFZ_popup_con button:active,.JFZ_w button:active {
    background-color: #2181EA
}

.JFZ_head {
    background-color: #01355f
}

.JFZ_head_icon {
    float: left;
    width: 100%
}

.JFZ_regist {
    margin: -34px 11px 22px;
    border-radius: 5px;
    position: relative;
    background-color: #fff7db
}

.JFZ_broadcast_con {
    line-height: 2rem;
    font-size: .7rem;
    color: #1b98fe;
    padding: 0 .6rem
}

.JFZ_broadcast_con span {
    float: left;
    height: 2rem;
    width: 1.8rem;
    background: url(../jfz/img/jfz_sp.png) 0 -7rem no-repeat;
    background-size: 2.5rem 12.5rem
}

.JFZ_broadcast_con strong {
    float: right;
    color: #d78a12
}

.JFZ_regist_item {
    padding: 0 .6rem;
    position: relative;
    margin-bottom: 10px
}

.JFZ_regist_item>input {
    height: 2.2rem;
    width: 100%;
    font-size: .7rem;
    color: #1b98fe;
    border: 1px solid #1b98fe;
    border-radius: 3px;
    text-indent: 13px;
    background-color: transparent
}

.JFZ_regist_item>input::-webkit-input-placeholder {
    color: #abd8fd
}

.JFZ_regist_btn,.JFZ_validator {
    color: #FFF;
    background-color: #1b98fe;
    text-align: center
}

.JFZ_validator {
    position: absolute;
    right: .6rem;
    top: 0;
    z-index: 10;
    width: 5.4rem;
    height: 2.2rem;
    line-height: 2.2rem;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    font-size: .7rem
}

.JFZ_regist_btn {
    margin-top: 8px;
    border: none;
    font-size: .8rem;
    border-radius: 3px;
    line-height: 2.4rem;
    height: 2.4rem;
    width: 100%
}

.JFZ_login {
    height: 2.5rem;
    margin: 0;
    line-height: 2rem;
    border-bottom: 1px solid #8dc7ed
}

.JFZ_login span {
    float: right;
    font-size: .6rem;
    color: #d78a12;
    text-decoration: underline
}

.JFZ_regist_foot h3 {
    font-size: .8rem;
    color: #1b98fe;
    text-align: center;
    height: 2.2rem;
    line-height: 2.6rem
}

.JFZ_foot_item {
    text-align: center;
    font-size: .6rem;
    color: #1b98fe;
    padding: 0 0 10px
}

.JFZ_foot_item>span {
    display: inline-block;
    padding-left: 1.2rem;
    height: 1.2rem;
    line-height: 1.4rem;
    background-image: url(../jfz/img/jfz_sp.png);
    background-repeat: no-repeat;
    background-size: 2.5rem 12.5rem
}

.JFZ_foot_item>span+span {
    margin-left: .6rem
}

.JFZ_foot_item span:nth-child(1) {
    background-position: 0 .2rem
}

.JFZ_foot_item span:nth-child(2) {
    background-position: 0 -2.3rem
}

.JFZ_foot_item span:nth-child(3) {
    background-position: 0 -4.8rem
}

.JFZ_rule_title>img,.JFZ_usStock_title>img {
    float: left;
    height: 2rem
}

.JFZ_usStock {
    margin: 8px 11px 22px;
    border-radius: 5px;
    position: relative;
    background-color: #fff7db
}

.JFZ_usStock_item {
    min-height: 7.5rem;
    color: #1b98fe
}

.JFZ_usStock_item:nth-child(1) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.JFZ_usStock_item:nth-child(2n+1) {
    background-color: #FFF;
    min-height: 7.2rem
}

.left .JFZ_usStock_left {
    float: left;
    padding-left: .6rem;
    width: 47%
}

.right .JFZ_usStock_left {
    float: right;
    text-align: right;
    padding-right: .6rem;
    width: 47%
}

.JFZ_usStock_left>h3 {
    margin-top: 18%;
    font-size: .9rem;
    line-height: 1
}

.JFZ_usStock_left>p {
    font-size: .6rem;
    line-height: .8rem;
    margin-top: .9rem
}

.left .JFZ_usStock_right {
    float: right;
    width: 53%;
    position: relative
}

.right .JFZ_usStock_right {
    float: left;
    width: 53%;
    position: relative
}

.JFZ_usStock_right span {
    position: absolute;
    z-index: 10;
    padding: 4px 8px;
    color: #FFF;
    font-size: 12px;
    border-radius: 3px;
    word-break: keep-all;
    background-color: #1b98fe
}

.JFZ_usStock_right span::after {
    content: '';
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 100%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top-color: #1B98FE
}

.JFZ_usStock_right img {
    max-height: 95%;
    max-width: 96%
}

.JFZ_right_1 {
    padding: 1.4rem .6rem 0 0
}

.JFZ_right_1 span {
    top: .3rem;
    left: 30%
}

.JFZ_right_2 {
    padding: 2.2rem 0 0 .6rem
}

.JFZ_right_2 span {
    top: .4rem;
    right: 8%
}

.JFZ_right_3 {
    padding: 1.8rem .6rem 0 0
}

.JFZ_right_3 span {
    top: .8rem;
    right: 9%
}

.JFZ_right_4 {
    padding: .2rem 0 .1rem .1rem
}

.JFZ_right_4 span {
    top: .4rem;
    right: 12%
}

.JFZ_buoy {
    transform: translateY(33px);
    -webkit-transform: translateY(33px)
}

.JFZ_buoy.moveUpAn {
    animation: moveUpAn .7s ease-out forwards;
    -webkit-animation: moveUpAn .7s ease-out forwards
}

@keyframes moveUpAn {
    from {
        transform: translateY(33px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes moveUpAn {
    from {
        -webkit-transform: translateY(33px)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

.JFZ_right_4>img {
    max-width: 76%
}

.JFZ_rule {
    margin: 8px 11px 27px;
    padding: 1.5rem 1.2rem;
    border-radius: 5px;
    position: relative;
    color: #1b98fe;
    font-size: .7rem;
    line-height: 1rem;
    background-color: #fffae8
}

.JFZ_bot_btn,.JFZ_more_aboutus button {
    background-color: #1b98fe;
    text-align: center
}

.JFZ_rule p+p {
    margin-top: 1rem
}

.JFZ_rule p i {
    color: #d78a12
}

.JFZ_more_aboutus {
    padding: 0 1.75rem
}

.JFZ_more_aboutus button {
    color: #FFF;
    height: 2.7rem;
    line-height: 2.7rem;
    font-size: 1.15rem;
    border-radius: 5px
}

.JFZ_qq {
    color: #1b98fe;
    font-size: .6rem;
    text-align: center;
    height: 2.5rem;
    line-height: 2.2rem
}

.JFZ_qq strong {
    font-size: .9rem
}

.JFZ_kh_btn {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%
}

.JFZ_kh_btn.hide {
    display: none
}

.JFZ_bot_btn {
    font-size: 1.15rem;
    color: #FFF;
    height: 3.2rem;
    line-height: 3.2rem
}

.JFZ_popup_con {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    padding: 1.1rem .85rem;
    border-radius: 5px;
    -webkit-transform: translate(-50%,-50%);
    background-color: #FFF
}

.JFZ_popup_head {
    text-align: center;
    margin-bottom: 1.8rem
}

.JFZ_popup_head>img {
    height: 1.9rem
}

@media only screen and (min-height: 481px) and (max-height:568px) {
    html {
        font-size:18px
    }

    .JFZ_foot_item>span+span {
        margin-left: .3rem
    }
}

@media only screen and (max-height: 480px) {
    html {
        font-size:16px
    }

    .JFZ_foot_item>span+span {
        margin-left: .3rem
    }
}

.UST_head {
    background-color: #157eea;
    padding: .9rem .75rem
}

.UST_head_icon {
    text-align: center;
    position: relative
}

.UST_head_icon img {
    border: 2px solid #FFF;
    border-radius: 50%;
    height: 2.9rem
}

.UST_head_icon span {
    display: inline-block;
    background-color: #157EEA;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 8px;
    height: 16px;
    line-height: 14px;
    padding: 0 5px;
    position: absolute;
    bottom: 3px;
    left: 52%
}

.UST_head h1 {
    font-size: .8rem;
    color: #FFF;
    text-align: center;
    margin: .9rem 0 .5rem;
    line-height: 1
}

.UST_head p {
    font-size: .6rem;
    color: #b7dbff;
    line-height: .9rem
}

.UST_rule_item {
    background-color: #FFF;
    padding: .6rem .75rem;
    margin-top: 11px
}

.UST_rule_title {
    font-size: .8rem;
    padding-left: 7px;
    position: relative;
    margin-bottom: 11px
}

.UST_rule_title::before {
    content: '';
    width: 3px;
    height: 8px;
    background-color: #157eea;
    position: absolute;
    left: 1px;
    top: 5px
}

.UST_rule_state {
    padding-left: 7px;
    font-size: .6rem;
    color: #888;
    line-height: .9rem
}

.UST_useWay_list {
    text-align: center;
    height: 82px
}

.UST_useWay_list li {
    font-size: 14px;
    color: #888;
    height: 82px;
    width: 82px;
    padding: 14px 0;
    line-height: 18px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    background-color: #f5f5f5
}

.LI_list_con>div,.patt-hidden .patt-lines {
    display: none
}

.UST_close_btn,.UST_popup_con {
    position: absolute;
    background-color: #FFF
}

.UST_useWay_list li em {
    font-size: 16px
}

.UST_useWay_list li::after,.UST_useWay_list li::before {
    content: ' ';
    position: absolute;
    left: 80px;
    top: 50%;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left-width: 10px;
    border-right-width: 10px;
    border-left-color: #ebebeb;
    z-index: 1
}

.UST_useWay_list li::before {
    margin-top: -4px;
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-left-color: #f5f5f5;
    z-index: 10
}

.UST_useWay_third {
    float: right
}

.UST_useWay_first {
    float: left
}

.UST_popup_con {
    width: 85%;
    left: 7.5%;
    top: 50%;
    margin-top: -50%;
    border-radius: 5px;
    text-align: center;
    padding: 1.5rem 0 1.8rem
}

.UST_close_btn {
    right: -.8rem;
    top: -.8rem;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(../img/close_icon_2.png);
    background-repeat: no-repeat;
    background-size: auto .6rem;
    background-position: center;
    border-radius: 50%;
    border: 1px solid #7f7f85
}

.UST_check_icon img {
    height: 4.35rem
}

.UST_popup_title {
    font-size: .9rem;
    line-height: 1;
    margin: 1rem 0 .5rem;
    letter-spacing: 1px
}

.UST_popup_state {
    font-size: .8rem;
    color: #888;
    letter-spacing: 1px
}

.UST_popup_con .next_step {
    margin: 2rem 1rem 0;
    width: -webkit-calc(100% - 2rem)
}

.outer {
    margin: 0 auto
}

.patt-holder {
    background: inherit
}

.patt-wrap {
    position: relative;
    cursor: pointer
}

.patt-wrap li,.patt-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.patt-circ {
    position: relative;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #5abcff
}

.patt-dots,.patt-lines {
    background: #FFF;
    position: absolute
}

.patt-circ.hovered {
    border: 2px solid #1d8de3
}

.patt-error .patt-circ.hovered {
    border: 2px solid #f33
}

.patt-hidden .patt-circ.hovered {
    border: 0
}

.patt-dots {
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%
}

.patt-lines {
    border-radius: 5px;
    height: 8px;
    transform-origin: 5px 5px;
    -ms-transform-origin: 5px 5px;
    -webkit-transform-origin: 5px 5px
}

.L_lock .container,.L_lock.wraper {
    background-color: #2197f1
}

.L_lock.wraper .L_user_info {
    border: none;
    color: #FFF
}

.L_lock.wraper .L_user_pic {
    height: 4rem;
    width: 4rem
}

.L_lock.wraper .LS_fot,.L_lock.wraper .L_user_name {
    color: #FFF
}

.L_lock.wraper .regist_head {
    color: #FFF;
    background-color: #2197f1;
    border: none
}

.LR_w {
    background-color: #f6f5fa;
    color: #333
}

.LR_banner_con img {
    width: 100%;
    height: auto;
    float: left
}

.LR_charge_con {
    height: 3.25rem;
    padding: .5rem 0 .3rem;
    background-color: #FFF;
    margin: 11px 0
}

.LR_charge_item {
    float: left;
    width: 33.33%;
    position: relative;
    text-align: center
}

.LR_charge_item h3 {
    font-size: .65rem;
    line-height: 1.2rem
}

.LR_charge_item h3 strong {
    font-size: .9rem
}

.LR_charge_item p {
    font-size: .6rem;
    color: #888;
    line-height: .9rem
}

.LR_charge_item hr {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #eaeaea;
    border: none;
    margin: 0
}

.LR_state {
    margin-top: .6rem;
    padding: 0 .75rem 1rem
}

.LR_state h2 {
    color: #333;
    font-size: .75rem;
    line-height: 1.8rem
}

.LR_state p {
    font-size: .6rem;
    line-height: 1.2rem;
    color: #444
}

.LR_state .LR_state_color {
    color: #888
}

.LI_w .container {
    padding-top: 32px
}

.l_app .LI_w .container {
    padding-top: 77px
}

.l_app.l_ios .LI_w .container {
    padding-top: 96px
}

.LI_head {
    position: relative;
    background-color: #228fff;
    padding: 1.8rem 0 0;
    text-align: center
}

.LI_rank_enter {
    position: absolute;
    top: 11px;
    right: -1px;
    z-index: 10;
    padding: 0 8px;
    height: 24px;
    border: 1px solid #67b1fd;
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    background-color: #4da5ff;
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 22px
}

.LI_rank_shadow {
    position: absolute;
    z-index: 1;
    right: -68px;
    top: -29px;
    width: 1px;
    height: 1px;
    border: 57px solid transparent;
    border-bottom-color: #218bf8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.LI_rank_enter img {
    width: 10px;
    height: 13px;
    vertical-align: middle
}

.LI_money,.LPR_name,.LPR_rank {
    vertical-align: top
}

.LI_head_title {
    font-size: .75rem;
    color: #a7d2fe;
    line-height: 1
}

.LI_head_num {
    font-size: 1.3rem;
    color: #fff;
    margin: 1rem 0 1.3rem;
    line-height: 1
}

.LI_head_num strong {
    font-size: 3.1rem
}

.LI_head_total li {
    float: left;
    width: 50%;
    height: 3.6rem;
    border-top: 1px solid #65b1ff;
    padding: .6rem 0;
    text-align: center;
    position: relative
}

.LI_head_total_item h3 {
    font-size: .75rem;
    color: #a7d2fe
}

.LI_head_total_item div {
    font-size: 1rem;
    color: #FFF;
    margin-top: .4rem
}

.LI_head_total_left::after {
    content: ' ';
    position: absolute;
    right: 1px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #5facfb
}

.LI_btn_con {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 32px;
    z-index: 900;
    overflow: hidden
}

.LI_direction,.LI_item_body,.LI_list_con {
    position: relative
}

.l_app .LI_btn_con {
    top: 45px
}

.l_app.l_ios .LI_btn_con {
    top: 64px
}

.LI_btn_con button {
    width: 50%;
    height: 32px;
    border-bottom: 2px solid #5aabff;
    float: left;
    background-color: #228fff;
    text-align: center;
    color: #5aabff;
    font-size: .75rem
}

.LI_btn_con button.active {
    color: #FFF;
    border-bottom-color: #fff
}

.LI_list_con>div.active {
    display: block
}

.LI_history_date {
    padding: .35rem 0;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.LI_history_date span {
    display: inline-block;
    height: .85rem;
    padding: 0 .5rem;
    background-color: #ddd;
    border-radius: 3px;
    line-height: .9rem
}

.LI_today_item {
    background-color: #fff
}

.LI_today_item+.LI_today_item {
    margin-top: 7px
}

.LI_item_head {
    height: 23px;
    font-size: 12px;
    color: #228fff;
    line-height: 22px
}

.LI_direction,.LI_money {
    height: 16px;
    border-radius: 16px;
    font-size: 12px;
    display: inline-block
}

.LI_active_time {
    float: left
}

.LI_active_status {
    float: right;
    color: #888
}

.LI_item_head .settle {
    color: #eeb130
}

.LI_item_body {
    z-index: 1;
    min-height: 3.65rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.LI_direction {
    width: 33px;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    line-height: 16px
}

.LI_direction span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    word-break: keep-all;
    -webkit-transform: translate(-50%,-50%) scale(.8,.8);
    transform: translate(-50%,-50%) scale(.8,.8)
}

.LI_money {
    margin-left: 3px;
    padding: 0 .3rem;
    border: 1px solid #228fff;
    color: #228fff;
    text-align: center;
    line-height: 14px
}

.LI_factorage,.LI_stock_code {
    padding-left: .3rem
}

.LI_range_rate,.LTI_money_item {
    border-radius: 3px;
    text-align: center
}

.LI_stock_info {
    margin: 4px 0 3px;
    line-height: 1
}

.LI_stock_name {
    font-size: .8rem;
    color: #333
}

.LI_stock_code,.LI_trade_cost {
    font-size: 12px;
    color: #888
}

.LI_range_money {
    float: right
}

.LI_range_rate {
    position: absolute;
    right: .75rem;
    top: .45rem;
    width: 3.6rem;
    height: 1.55rem;
    background-color: #CCC;
    font-size: .65rem;
    color: #fff;
    line-height: 1.6rem
}

.up.LI_direction,.up.LI_range_rate {
    background-color: #ec1e1e
}

.down.LI_direction,.down.LI_range_rate {
    background-color: #55aa3e
}

.up.LI_range_money {
    color: #ec1e1e
}

.down.LI_range_money {
    color: #55aa3e
}

.LTI_title {
    font-size: .75rem;
    line-height: 1.65rem;
    padding: 0 .75rem;
    color: #888;
    margin-top: .6rem
}

.LTI_item,.LTI_money_title {
    height: 2.2rem;
    font-size: .85rem;
    line-height: 2.2rem;
    padding: 0 .75rem;
    background-color: #FFF;
    position: relative
}

.LTI_item>span {
    float: right;
    color: #888
}

.LTI_money {
    background-color: #FFF
}

.LTI_money_list {
    padding: 0
}

.LTI_money_item {
    width: 22%;
    height: 3.5rem;
    float: left;
    color: #888;
    margin-left: 2.4%;
    padding: 1rem 0 .75rem;
    background-color: #f5f5f5
}

.LTI_money_item.active {
    color: #FFF;
    background-color: #228fff
}

.LTI_money_item.disabled {
    color: #CCC;
    background-color: #f5f5f5
}

.LTI_money_item h3 {
    font-size: .75rem;
    line-height: 1
}

.LTI_money_item h3 em {
    font-size: 1rem
}

.LTI_money_item p {
    font-size: .6rem;
    line-height: 1;
    margin-top: .2rem
}

.LTI_money_tip {
    font-size: .75rem;
    color: #888;
    padding: 0 .75rem;
    line-height: 2.2rem
}

.LTI_money_tip em {
    color: #228fff
}

.LSA_settleAccount,.LSA_tradeInfo {
    font-size: .75rem;
    line-height: 1.9rem;
    padding: 0 .75rem;
    color: #888;
    margin-top: .6rem
}

.LSA_settleAccount_con,.LSA_tradeInfo_con {
    background-color: #FFF
}

.LSA_stock_info {
    padding: 1rem .75rem .75rem 4.95rem;
    position: relative
}

.LSA_stock_info h3 {
    font-size: .9rem;
    line-height: 1
}

.LSA_stock_info p {
    font-size: .65rem;
    color: #888;
    line-height: 1;
    margin-top: .65rem
}

.LSA_stock_info h3 span,.LSA_stock_info p span {
    float: right
}

.LSA_stock_info h3 span {
    font-size: 1.3rem
}

.LSA_stock_info p span.up {
    color: #ec1e1e
}

.LSA_stock_info p span.down {
    color: #4caf50
}

.LSA_stock_logo {
    position: absolute;
    left: .75rem;
    top: .6rem;
    height: 3.15rem
}

.LSA_trade_item,.LT_title span,.LT_title_time,.LT_title_time i {
    position: relative
}

.LSA_trade_item {
    font-size: .85rem;
    padding: .1rem .75rem 0;
    line-height: 2.1rem
}

.LSA_trade_item .turn_right {
    top: .85rem
}

.LSA_trade_item span {
    float: right;
    color: #888
}

.LSA_trade_item .turn_right+span {
    margin-right: .7rem
}

.LSA_trade_item span em {
    color: #228fff;
    border: 1px solid #228fff;
    height: .8rem;
    border-radius: .4rem;
    padding: 0 .3rem;
    text-align: center;
    font-size: .6rem;
    margin-left: .4rem
}

.LSA_settleAccount_total span {
    float: right;
    color: #333
}

.LT_w .container {
    background-color: #157eea;
    padding-bottom: 2rem
}

.LT_title {
    padding: 1.25rem 0 1rem;
    font-size: .8rem;
    text-align: center;
    line-height: 1;
    color: #f6f5fa
}

.LT_title_tip {
    display: inline-block;
    color: #0070e3;
    background-color: #86baf2;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem
}

.LT_title_time {
    display: inline-block;
    width: 24px;
    height: 18px;
    margin: 9px 2px 0;
    color: #157eea;
    background-color: #a2d3fe;
    font-size: 13px;
    text-align: center;
    line-height: 18px
}

.LT_title_time.hour {
    width: 42px
}

.LT_title_time i {
    font-size: 12px;
    z-index: 10
}

.LT_title_time::before {
    content: '';
    width: 22px;
    height: 9px;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 1;
    background-color: #e5f2fe
}

.LT_title_time.hour::before {
    width: 40px
}

.LT_bot_nav {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #FFF;
    border-top: 1px solid #1165bb
}

.LT_nav_item {
    height: 2rem;
    line-height: 2rem;
    float: left;
    width: 50%;
    position: relative;
    text-align: center;
    font-size: .7rem;
    color: #888
}

.LT_nav_item img {
    margin-top: -3px;
    vertical-align: middle
}

.LT_rule_icon {
    width: .85rem
}

.LT_record_icon {
    width: .8rem
}

.LT_nav_item hr {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    margin: 0;
    border: none;
    background-color: #e6e6e6
}

.LSA_popup_stock,.LT_w .Buy_buying_title {
    position: relative
}

.LT_w .Buy_popup {
    padding: 0 0 1.5rem;
    height: auto;
    max-height: 100%;
    background-color: #FFF
}

.LSA_popup_stock {
    font-size: .9rem;
    padding: 1rem .75rem .9rem 4.95rem
}

.LSA_popup_stock.no-icon {
    padding-left: .75rem
}

.LSA_popup_stock .LSA_stock_logo {
    top: .4rem
}

.no-icon .LSA_stock_logo {
    display: none
}

.LSA_popup_stock h3 {
    line-height: 1
}

.LSA_popup_stock h3 strong {
    display: inline-block;
    max-width: 8rem
}

.LSA_popup_stock h3 em {
    font-size: .65rem;
    border: 1px solid #888;
    height: 1rem;
    line-height: .9rem;
    border-radius: .5rem;
    padding: 0 .3rem;
    text-align: center;
    margin-left: .9rem;
    margin-top: -.4rem;
    vertical-align: middle;
    display: none
}

.LT_convas_con,.LT_countdown_con,.LT_priceInfo,.LT_stock_name em,.down .LSA_popup_stock h3 em.down,.up .LSA_popup_stock h3 em.up {
    display: inline-block
}

.LSA_popup_stock p {
    margin-top: .3rem;
    line-height: 1;
    color: #888;
    font-size: .65rem
}

li.LSA_popup_stock_total strong {
    color: #888
}

.LSA_popup_stock_total strong span {
    color: #157eea
}

.LSA_popup_paytitle {
    font-size: .6rem;
    margin: .4rem 0 .2rem
}

.LT_w .Buy_buying_title .Buy_close_btn {
    position: absolute;
    right: .75rem
}

.Buy_popup .LTI_money_list {
    padding: .3rem 0 .85rem
}

.LT_countDown {
    height: 220px;
    position: relative;
    text-align: center
}

.LT_convas_con {
    position: relative
}

.LT_stockInfo_con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 66px
}

.LT_stock_name {
    font-size: 15px;
    color: #bfdefd;
    line-height: 1;
    max-width: 180px;
    margin: 0 auto
}

.LT_stock_name strong {
    display: inline-block;
    position: relative;
    top: 3px;
    max-width: 5rem
}

.LT_stock_name em,.LT_stock_name span {
    font-size: 12px;
    margin-left: 4px
}

.LT_stock_name em {
    padding: 2px 3px;
    background-color: #086bcf
}

.LT_priceInfo {
    font-size: 28px;
    color: #FFF;
    line-height: 1;
    margin: 20px auto 0
}

.LT_priceInfo strong {
    font-size: 62px
}

.LT_stock_zdf {
    font-size: 13px;
    color: #bfdefd
}

.LT_countdown_con {
    width: 162px;
    height: 22px;
    line-height: 20px;
    margin: 14px auto 0;
    padding-left: 8px;
    border: 1px solid #3e9cfd;
    border-radius: 11px;
    word-break: keep-all;
    font-size: 12px;
    color: #f6f5fa
}

.LT_countdown_con strong {
    background-color: #086bcf;
    float: right;
    margin-left: 8px;
    padding: 0 8px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.LT_rate_con {
    width: 335px;
    padding: 26px 16px;
    position: relative;
    font-size: 12px;
    color: #def7ff;
    margin: 2.2rem auto 0
}

.LT_oprate_con,.LT_stock_profit {
    font-size: 15px;
    text-align: center
}

.LT_rate_item {
    height: 13px;
    width: 50%;
    float: left;
    border-radius: 7px;
    position: relative
}

.LT_buy_rate {
    background-color: #fe7d80;
    z-index: 1;
    width: 50%
}

.LT_sale_rate {
    background-color: #5de763;
    z-index: 10;
    width: 50%
}

.LT_vs_icon {
    position: absolute;
    height: 30px;
    width: 30px;
    right: 0;
    top: 0;
    margin: -8px -15px 0 0
}

.LT_buy_rate span,.LT_sale_rate span {
    position: absolute;
    bottom: -24px;
    letter-spacing: 1px;
    word-break: keep-all
}

.LT_buy_rate em,.LT_buy_rate span {
    right: 0
}

.LT_sale_rate em,.LT_sale_rate span {
    left: 0
}

.LT_buy_rate em,.LT_sale_rate em {
    position: absolute;
    top: -22px
}

.LT_oprate_con {
    width: 303px;
    height: 106px;
    margin: 1.5rem auto 1rem;
    padding: 9px 8px;
    border-radius: 53px;
    color: #eaf4fe;
    letter-spacing: 4px
}

.LT_oprate_item {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 1px solid #4fa4fc;
    background-color: #3898fa;
    padding: 17px 0 13px;
    position: relative;
    z-index: 1
}

.LT_oprate_item::after {
    content: '';
    width: 102px;
    height: 102px;
    position: absolute;
    top: -9px;
    left: -9px;
    z-index: 0;
    border-radius: 50%;
    border: 1px solid #4fa4fc
}

.LT_buy_done::after,.LT_buy_done::before {
    left: 50%;
    content: ''
}

.LT_oprate_down {
    float: left
}

.LT_oprate_up {
    float: right
}

.LT_oprate_down img {
    height: 22px
}

.LT_oprate_up img {
    height: 25px
}

.LT_oprate_item p {
    margin-top: 12px;
    line-height: 1
}

.LT_stock_profit {
    display: none;
    padding: 0 0 0 5px;
    color: #bfdefd
}

.LT_stock_profit h3,.LT_stock_profit p {
    font-size: 12px;
    line-height: 1;
    overflow: hidden
}

.LT_stock_profit h3 {
    margin: 20px 0 9px;
    padding: 0 9px 0 3px
}

.LT_stock_profit h3 .left,.LT_stock_profit p .left {
    float: left
}

.LT_stock_profit h3 .right,.LT_stock_profit p .right {
    float: right
}

.LT_stock_profit h3 em {
    margin-left: 8px
}

.LT_stock_profit_val {
    float: left;
    margin-left: 8px
}

.up.LT_stock_profit_val {
    color: #f26161
}

.down.LT_stock_profit_val {
    color: #5de763
}

.LT_stock_profit p {
    padding: 13px 0 0;
    border-top: 1px solid #3596fa
}

.LT_stock_profit p strong {
    font-size: 14px
}

.LT_buy_done,.LT_money_end,.LT_money_start {
    position: absolute;
    z-index: 10;
    font-size: 12px
}

.LT_oprate_con.down,.LT_oprate_con.up {
    background-color: #0273e8
}

.down .LT_oprate_up,.up .LT_oprate_down {
    display: none
}

.up .LT_oprate_up {
    float: left
}

.down .LT_stock_profit,.up .LT_stock_profit {
    display: inline-block;
    width: 188px;
    float: right;
    height: 88px;
    letter-spacing: 0
}

.LT_buy_done {
    right: 4px;
    bottom: -38px;
    padding: 3px 4px;
    text-align: center;
    border-radius: 3px;
    background-color: #FFF;
    color: #157eeb;
    display: none
}

.LT_buy_done::after {
    position: absolute;
    bottom: 100%;
    margin-left: -4px;
    border: 5px solid transparent;
    border-bottom-width: 7px;
    border-top-width: 7px;
    border-bottom-color: #FFF
}

.LT_buy_done::before {
    position: absolute;
    top: -20px;
    width: 6px;
    height: 6px;
    border: 1px solid #FFF;
    border-radius: 50%;
    background-color: #157eeb
}

.LT_loading,.LT_loading_icon img {
    height: 4rem
}

.LT_money_end,.LT_money_start {
    top: 100%;
    color: #5faeff
}

.LT_money_start {
    left: 0
}

.LT_money_end {
    right: 0
}

.LT_check_status,.LT_done,.LT_fail {
    display: none;
    position: fixed;
    left: 50%;
    top: 40%;
    min-width: 48%;
    z-index: 1010;
    -webkit-transform: translate(-50%,-50%);
    font-size: 14px;
    line-height: 20px;
    padding: 1.5rem 1.8rem;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    border-radius: 5px
}

.done .LT_oprate_item,.not_start .LT_oprate_item {
    color: #FFF;
    background-color: #086bd0
}

.LT_check_status.active,.LT_done.active {
    display: block
}

.LT_loading {
    position: relative;
    width: 100%
}

.LT_status_word {
    margin-top: 1rem
}

.done .LT_buy_done {
    display: initial
}

.LPR_rank,.LPR_self_profit,.LPR_self_rank {
    display: inline-block
}

.LPR_self {
    position: relative;
    overflow: hidden;
    height: 3.45rem;
    margin-bottom: 11px;
    padding: .75rem .75rem 0 3rem;
    background-color: #fff
}

.LPR_self_face {
    position: absolute;
    left: .6rem;
    top: .75rem;
    width: 1.9rem;
    height: 1.9rem;
    margin-right: .5rem;
    border-radius: 50%
}

.LPR_self_name {
    font-size: .8rem
}

.LPR_self_rank {
    margin-top: 3px;
    color: #888;
    font-size: 12px
}

.LPR_profit,.LPR_self_profit {
    float: right;
    min-width: 3.6rem;
    margin-top: 2px;
    text-align: center
}

.LPR_self_profit {
    height: 1.55rem;
    border-radius: 4px;
    background-color: #ffb700;
    color: #fff;
    font-size: .65rem;
    line-height: 1.6rem
}

.LPR_rank_item {
    position: relative;
    overflow: hidden;
    height: 3.5rem;
    padding: .8rem .75rem .75rem .6rem;
    background-color: #fff
}

.LPR_rank {
    width: 2.15rem;
    height: 1.9rem;
    font-size: 1.2rem;
    color: #888;
    text-align: center;
    line-height: 1.9rem
}

.LPR_rank .lpr-sp,.LPR_rank_item:nth-child(1) .LPR_rank_num,.LPR_rank_item:nth-child(2) .LPR_rank_num,.LPR_rank_item:nth-child(3) .LPR_rank_num {
    display: none
}

.LPR_profit,.LPR_rank_item:nth-child(1) .lpr-sp,.LPR_rank_item:nth-child(2) .lpr-sp,.LPR_rank_item:nth-child(3) .lpr-sp,.lpr-sp {
    display: inline-block
}

.LPR_face {
    width: 1.9rem;
    height: 1.9rem;
    margin-right: .5rem;
    border-radius: 50%
}

.LPR_name {
    font-size: .8rem;
    line-height: 2rem
}

.LPR_profit {
    height: 1.55rem;
    border-radius: 4px;
    background-color: #ec1e1e;
    font-size: .65rem;
    color: #fff;
    line-height: 1.6rem
}

.CU_p3_state img,.CU_p4_state img,.CU_p5_state img,.CU_p6_state img {
    float: left;
    width: 100%
}

.lpr-lpr-1,.lpr-lpr-2,.lpr-lpr-3 {
    width: 1.65rem;
    height: 1.4rem
}

.lpr-sp {
    vertical-align: middle;
    background-image: url(../img/lpr-sp.png);
    background-repeat: no-repeat;
    background-size: 8.25rem 7.675rem
}

.lpr-lpr-1 {
    background-position: -1.25rem -1.25rem
}

.lpr-lpr-2 {
    background-position: -5.4rem -1.25rem
}

.lpr-lpr-3 {
    background-position: -1.25rem -5.13rem
}

@media only screen and (min-height: 481px) and (max-height:568px) {
    html {
        font-size:18px
    }

    .done .LT_rate_con {
        margin-top: 2.8rem
    }
}

@media only screen and (max-height: 480px) {
    html {
        font-size:16px
    }

    .done .LT_rate_con {
        margin-top: 2.8rem
    }
}

.CU_w .page {
    position: relative;
    height: 100%;
    text-align: center
}

.CU_w .CU_p1::after,.CU_w .CU_p2::after,.CU_w .CU_p3::after,.CU_w .CU_p4::after,.CU_w .CU_p5::after,.CU_w .CU_p6::after {
    content: '';
    width: 59px;
    height: 59px;
    background: url(../img/cu_logo_icon.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -30px;
    left: 50%;
    z-index: 1000;
    margin-left: -30px
}

.CU_w .CU_p1::after {
    margin-left: -29px
}

.CU_w .CU_p4::after {
    margin-left: -32px
}

.CU_w .CU_p5::after {
    margin-left: -33px
}

.CU_btn_default {
    width: 58.3%;
    height: 2.3rem;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    line-height: 2.3rem;
    background-color: #feb401;
    border-radius: 5px
}

.CU_btn_default:active {
    background-color: #db9b02
}

.CU_p3,.CU_p5,.CU_p7 {
    background-color: #1b98fe
}

.CU_logo {
    text-align: right;
    padding: 12px 10px 63px
}

.CPA_contact_con,.CU_p1_word,.CU_p2_state,.CU_p7_ma,.IN_look_more,.IN_my_num,.IN_winner .cell {
    text-align: center
}

.CU_logo img {
    height: 25px
}

.CU_p1_word img {
    width: 74%;
    max-width: 353px;
    margin: 0 0 -4px -8px
}

.CU_p1_bot {
    overflow: hidden
}

.CU_p1_bot img {
    float: left;
    width: 100%
}

.CU_p2_state {
    padding-top: 30px
}

.CU_p2_state img {
    width: 94%;
    max-width: 353px
}

.CU_p2_btn {
    margin: 22px 0 51px
}

.CU_p3_state {
    padding-top: 30px;
    overflow: hidden
}

.CU_p3_btn {
    position: absolute;
    left: 0;
    bottom: 2.65rem;
    width: 100%
}

.CU_p4_state {
    overflow: hidden
}

.CU_p4_state img {
    margin: 0 0 1px 1px
}

.CU_p5_state {
    overflow: hidden
}

.CU_p6_state {
    overflow: hidden;
    padding-bottom: 51px
}

.CU_p7_words {
    padding: 68px 0 5px
}

.CU_p7_words img {
    width: 76.5%;
    max-width: 287px
}

.CU_p7_words p {
    font-size: 1rem;
    color: #FFF;
    font-weight: lighter
}

.CU_p7_words p span {
    color: #feb401;
    font-size: 1.3rem
}

.CU_p7_ma {
    position: relative
}

.CU_p3_tips {
    width: 3.75rem;
    position: absolute;
    right: 10px;
    top: 0
}

.CU_p7_ewm {
    width: 8.6rem;
    border: .6rem solid #FFF;
    margin: 21px 2px 0 0
}

.CU_qq_con {
    margin: 37px 0 25px
}

.CU_qq_con button {
    width: 9rem;
    height: 2.5rem;
    background: url(../img/cu_ft_qq.png) center no-repeat;
    background-size: 100% 100%
}

.CPA_contact_con {
    line-height: 1;
    font-size: 1.2rem;
    color: #FFF;
    padding-bottom: 32px
}

.CPA_contact_con img {
    height: .9rem;
    margin: -5px 3px 0 0;
    vertical-align: middle
}

@media only screen and (min-height: 668px) and (max-height:736px) {
    html {
        font-size:22px
    }
}

@media only screen and (min-height: 481px) and (max-height:568px) {
    html {
        font-size:18px
    }
}

@media only screen and (max-height: 480px) {
    html {
        font-size:16px
    }
}

.dark-skin .AM_w .container,.dark-skin .AM_w .wraper,.dark-skin .Buy_header,.dark-skin .Buy_w .container,.dark-skin .Buy_w .wraper,.dark-skin .OP_w .container,.dark-skin .OP_w .wraper,.dark-skin .PD_w .PD_head,.dark-skin .PD_w .container,.dark-skin .PD_w .wraper,.dark-skin .TS_w .PD_head,.dark-skin .TS_w .container,.dark-skin .TS_w .wraper,.dark-skin header {
    color: #fff;
    background-color: #121b24
}

.dark-skin .Buy_header,.dark-skin .PD_w .PD_head,.dark-skin .TS_w .PD_head {
    border-color: #121b24
}

.dark-skin .AM_header,.dark-skin .AM_oprate_con,.dark-skin .AM_rise_title,.dark-skin .Buy_query_wrap h2,.dark-skin .Markt_stock_title,.dark-skin .OP_allselect,.dark-skin .OP_delete,.dark-skin .OP_title,.dark-skin .TS_fiveTab_item,.dark-skin .ios7,.dark-skin .look_more {
    background-color: #121b24
}

.dark-skin .LT_w .ios7,.dark-skin .LT_w header,.dark-skin .UST_w .ios7,.dark-skin .UST_w header {
    background-color: #157eea
}

.dark-skin .LI_w .ios7,.dark-skin .LI_w header {
    background-color: #228fff
}

.dark-skin .AM_oprate_con {
    border-top: 1px solid #1c242f
}

.dark-skin .AM_oprate_item.disabled {
    background-color: rgba(71,84,101,.7)
}

.dark-skin .active .AM_oprate_icon3 {
    background-position: -1.3rem -28.2rem
}

.dark-skin .active .AM_oprate_icon2 {
    background-position: -16.2rem -24.5rem
}

.dark-skin .active .AM_oprate_icon1 {
    background-position: -6.3rem -24.5rem
}

.dark-skin .AM_oprate_icon3 {
    background-position: -20.05rem -24.5rem
}

.dark-skin .AM_oprate_icon2 {
    background-position: -11.2rem -24.5rem
}

.dark-skin .AM_oprate_icon1 {
    background-position: -1.3rem -24.5rem
}

.dark-skin .OP_stock_con {
    background-color: inherit;
    position: relative
}

.dark-skin .AM_w .Buy_stockCode,.dark-skin .Buy_price,.dark-skin .Buy_stock_num,.dark-skin .Buy_w .Buy_stockCode {
    background-color: #151d28;
    border-color: #1e293b;
    background-position: -11.1rem -8.95rem
}

.dark-skin .AM_oprate_item,.dark-skin .AM_w .Buy_stockCode,.dark-skin .AM_w .Buy_stockCode::-webkit-input-placeholder,.dark-skin .Buy_limit_name,.dark-skin .Buy_limit_name span,.dark-skin .Buy_max_num,.dark-skin .Buy_new_price table td,.dark-skin .Buy_price,.dark-skin .Buy_query_wrap h2,.dark-skin .Buy_stock_num,.dark-skin .Buy_stock_num::-webkit-input-placeholder,.dark-skin .Buy_usable_money,.dark-skin .Buy_w .Buy_stockCode,.dark-skin .Buy_w .Buy_stockCode::-webkit-input-placeholder,.dark-skin .PD_td_item h3 span {
    color: #5c6882
}

.dark-skin .OP_title {
    color: #54637a
}

.dark-skin .AM_header,.dark-skin .AM_w .border_bot,.dark-skin .AM_w .border_top_bot,.dark-skin .Buy_buying_con,.dark-skin .Buy_w .border_bot,.dark-skin .Buy_w .border_top_bot,.dark-skin .OP_allselect,.dark-skin .OP_delete,.dark-skin .OP_w .border_bot,.dark-skin .OP_w .border_top_bot,.dark-skin .PD_w .border_bot,.dark-skin .PD_w .border_top_bot,.dark-skin .TS_w .border_bot,.dark-skin .TS_w .border_top_bot {
    border-color: #242c37
}

.dark-skin .OP_delete_con {
    border: none
}

.dark-skin .OP_code .OP_palace_cn {
    background-color: #5783c2
}

.dark-skin .OP_code .OP_palace_us {
    background-color: #a84349
}

.dark-skin .OP_code .OP_palace_hk {
    background-color: #6b5a8e
}

.dark-skin .OP_code span,.dark-skin .PD_w .nation_flag,.dark-skin .TS_w .nation_flag {
    color: #121923
}

.dark-skin .AM_down_item,.dark-skin .AM_rise_item,.dark-skin .AM_stock_index,.dark-skin .AM_w .Buy_query_wrap,.dark-skin .Buy_buying_con,.dark-skin .Buy_drop_con,.dark-skin .Buy_more_info,.dark-skin .Buy_query_con,.dark-skin .Buy_query_wrap,.dark-skin .Buy_table_head,.dark-skin .Buy_usable_money,.dark-skin .OP_delete_con,.dark-skin .OP_stock_item,.dark-skin .OP_w .Buy_query_con,.dark-skin .PD_td_item,.dark-skin .PD_w .PD_detail_con,.dark-skin .TS_more_info,.dark-skin .TS_shareTime_con,.dark-skin .TS_w .PD_detail_con,.dark-skin .down.AM_index_item,.dark-skin .up.AM_index_item {
    background-color: #1c242f
}

.dark-skin .AM_rise_title,.dark-skin .Markt_stock_title {
    color: #5b677d
}

.dark-skin .AM_header,.dark-skin .AM_stock_item i,.dark-skin .AM_stock_item span,.dark-skin .AM_stock_item strong,.dark-skin .A_header,.dark-skin .Buy_header,.dark-skin .Buy_limit_name em,.dark-skin .Buy_price_left,.dark-skin .Buy_query_item,.dark-skin .Buy_table_head,.dark-skin .OP_delete_con,.dark-skin .OP_stock_item,.dark-skin .PD_info_item,.dark-skin .PD_td_item h3 strong,.dark-skin .PD_td_item p em,.dark-skin .PD_trade_detail,.dark-skin .PD_w .PD_position_item h3,.dark-skin .TS_w .PD_position_item h3,.dark-skin .look_more_word {
    color: #fff
}

.dark-skin .nav_con,.dark-skin .nav_con::after,.dark-skin .nav_item {
    background-color: rgba(33,52,82,1)
}

.dark-skin .nav_con::before {
    width: 43px;
    height: 43px;
    border: 1px solid #121b24;
    background-position: 8px 7px
}

.dark-skin .nav_con.show::before {
    border-color: transparent
}

.dark-skin .AM_stock_index {
    height: 4.25rem;
    padding: 0;
    margin-top: -.3rem
}

.dark-skin .down .AM_rate,.dark-skin .down .AM_total_index {
    color: #4caf50
}

.dark-skin .up .AM_rate,.dark-skin .up .AM_total_index {
    color: #ec1e1e
}

.dark-skin .look_more_word:after {
    border-top-color: #fff
}

.dark-skin .AM_back_btn,.dark-skin .A_back_btn,.dark-skin .BL_back_btn,.dark-skin .Buy_back_btn,.dark-skin header .buying_sp {
    color: #fff;
    background-position: -11.7rem -6.5rem
}

.dark-skin .AM_oprate_item.active {
    color: #157EEA
}

.dark-skin .AM_tips,.dark-skin .ZA_brokerage {
    display: none
}

.dark-skin .Buy_more_info td {
    color: #5a6882
}

.dark-skin .AM_oprate_con {
    color: #017aeb
}

.dark-skin .Buy_percent_con {
    padding-top: 1rem
}

.dark-skin .Buy_query_item {
    background-color: #1c242f;
    border-color: #121b24
}

.dark-skin .PD_info_item span,.dark-skin .PD_td_item p,.dark-skin .TS_fiveTab_item,.dark-skin .TS_more_info .Buy_change_price,.dark-skin .TS_more_info .Buy_new_price,.dark-skin .TS_more_info table td,.dark-skin .kline-popup {
    color: #58647c
}

.dark-skin .TS_oprate_con {
    border-top: 1px solid #1c242f;
    background-color: #121b24
}

.dark-skin .TS_oprate_con span {
    color: #475369
}

.dark-skin .TS_bot_buy {
    background-position: -8.7rem -1.25rem
}

.dark-skin .TS_bot_sale {
    background-position: -1.25rem -8.75rem
}

.dark-skin .TS_bot_market {
    background-position: -1.25rem -1.25rem
}

.dark-skin .TS_bot_optional {
    background-position: -1.25rem -4.8rem
}

.dark-skin .active .TS_bot_optional {
    background-position: -1.25rem -12.5rem
}

.dark-skin .PD_w .PD_info_item,.dark-skin .TS_w .PD_info_item {
    border-color: #253245
}

/*!!*/
.dark-skin .ZA_w .nav_con,.dark-skin .ZA_w .nav_con::after,.dark-skin .ZA_w .nav_item {
    background-color: rgba(0,0,0,.6)
}

.dark-skin .ZA_w .nav_con::before {
    width: 45px;
    height: 45px;
    border: none
}

.dark-skin .TS_fiveTab_item.active {
    color: #FFF;
    background-color: #157EEA
}

.IN_w .container {
    background-color: #228fff
}

.IN_mui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.IN_mui-flex>.cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    display: block;
    position: relative
}

.IN_head-icon,.IN_my_num {
    width: 100%
}

.IN_header {
    overflow: hidden;
    position: relative
}

.IN_my_num {
    position: absolute;
    left: 0;
    top: 4.5rem;
    color: #fff;
    font-size: .7rem
}

.IN_my_num strong {
    font-size: .9rem
}

.IN_my_num span {
    font-size: 12px;
    color: #95c8ff
}

.IN_my_friend_num {
    position: relative;
    top: -2px;
    height: 2.7rem;
    margin: 0 .75rem;
    padding: .5rem .6rem;
    border-radius: 8px;
    background-color: #0062c7
}

.IN_my_friend_num h2 {
    overflow: hidden;
    font-size: .8rem;
    color: #fff;
    line-height: 1
}

.IN_my_friend_num h2 strong {
    float: right
}

.IN_my_friend_num p {
    padding-top: .4rem;
    font-size: 12px;
    color: #5faeff;
    line-height: 1
}

.IN_winner {
    margin: 9px .75rem 0;
    padding: 4px 4px .9rem;
    position: relative;
    z-index: 1
}

.active-head-line,.winner-bot-line {
    position: absolute;
    left: 0;
    width: 100%
}

.active-head-line {
    top: 0;
    height: 8px;
    margin: 0;
    background-color: #005cbb;
    border: 1px solid #004856;
    border-radius: 4px;
    z-index: 0
}

.winner-bot-line {
    bottom: 0;
    z-index: 10;
    height: 5px
}

.IN_winner .IN_inner {
    position: relative;
    padding: 1rem 4px;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 -6px 10px rgba(0,0,0,.25),0 10px 20px rgba(0,0,0,.25) inset
}

.win-title {
    margin-bottom: .45rem;
    padding-left: .6rem;
    font-size: .9rem;
    line-height: 1.4rem
}

.IN_winner .IN_mui-flex {
    flex: 12;
    font-size: .7rem;
    color: #333
}

.IN_winner .cell {
    height: 1.9rem;
    padding: 0 .2rem;
    word-break: keep-all;
    line-height: 1.9rem
}

.IN_winner .IN_list-head .cell {
    text-align: center;
    font-weight: 700
}

.IN_winner .IN_table {
    position: relative;
    overflow: hidden
}

.IN_winner .IN_win-list {
    position: relative
}

.IN_look_more {
    padding: .6rem 0 0;
    color: #888;
    font-size: 12px;
    line-height: 1rem
}

.IN_look_more img {
    height: 15px
}
